FrontEndDev
28.2K subscribers
2.34K photos
23 videos
7.55K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Понимание ES-модулей в JavaScript - способы подключения модулей, статический и динамический импорт.

https://blog.bitsrc.io/understanding-es-modules-in-javascript-a28fec420f73
Уязвимости безопасности в React, которые вы никогда не должны игнорировать

https://www.simform.com/react-security-vulnerabilities-solutions/
Думаю будет полезно для некоторых ситуаций пользователям Windows 10.
Вспомнил прикольный лайфхак.

Для рабочего проекта пытался поставить пакет webpack-node-externals на Windows 10, но упорно ловил ошибки компиляции от node-gyp (тулза для сборки npm пакетов).
Для установки некоторых пакетов требуется Visual Studio C++ и еще доп тулзы, которые винда почему то не видит.

Но на Windows 10 есть встроенная Ubuntu (если нет, то можете поставить ее из microsoft store). Открываем терминал Ubuntu, переходим в папку /mnt и далее в директории винды и к нашему проекту. Запускаем
npm i webpack-node-externals
.....Profit)
Валидация форм Svelte с Yup

Yup - библиотека для валидации, использующая схемы.

https://dev.to/codechips/svelte-form-validation-with-yup-2a72
Руководство для начинающих по WEBPACK (Очень простое)

Сколько лет уже его использую, но все еще читаю руководства)

https://webdevblog.ru/ochen-prostoe-rukovodstvo-dlya-nachinajushhih-po-webpack/
Event listeners and garbage collection.

Парочка примеров об утечках памяти при работе с асинхронными функицями (garbage collector спасает)

https://jakearchibald.com/2020/events-and-gc/
Список из 156 (продвинутых) вопросов о JavaScript, а также ответы на них.

Хороший ресурс чтобы составить свой базовый список для собеседования.

https://github.com/lydiahallie/javascript-questions#readme
Awesome Vue 3 — курируемая подборка ресурсов, посвященных Vue 3

Добавляйте в закладки, репозиторий будет дополняться.

https://github.com/blacksonic/awesome-vue-3
useSWR – "моя новая любимая библиотека React".

Она позволяет извлекать данные из API или другого внешнего источника, сохранять их в кэше, а затем рендерить.
Какие проблемы она решает и парочка примеров использования в статье.

https://habr.com/ru/company/otus/blog/506158/
Придерживаемся концепта DRY (Dont Repeat Yourself) при использовании axios для API запросов.

О чуть более продвинутой настройке axios для работы с API.

https://css-tricks.com/stay-dry-using-axios-for-api-requests/
Учебное пособие по Svelte. Быстрая вводная по основным конструкциям в Svelte с примерами.

https://sung.codes/blog/2020/06/20/svelte-tutorial-note/