База JavaSript-разработчика в 2024 году

#почитать

Устаревшие технологии

▪️jQuery уже давно считается устаревшим в современных проектах и предпочтение отдается использованию современных фреймворков. Но в старых проектах эта библиотека до сих пор активно используется.

▪️AngularJS (версия 1.x) также считается устаревшей, хотя Angular 2+ остается актуальным выбором.

Актуальные библиотеки и фреймворки

▪️React продолжает быть одной из самых популярных библиотек для создания пользовательских интерфейсов. Несмотря на то, что уже прошло больше 10 лет с момента первого релиза, его популярность только растет. Его экосистема, включая Next.js для серверного рендеринга и создания статических сайтов является важным дополнением.

▪️Vue.js остается популярным выбором для разработчиков благодаря его простоте и гибкости. Nuxt.js является его аналогом Next.js в экосистеме Vue.

▪️AngularJS (версии 2 и выше) продолжает развиваться и остается востребованным в крупных корпоративных проектах.

▪️Svelte и его фреймворк для статической генерации и серверного рендеринга, SvelteKit, набирают популярность за счет своей инновационной концепции компиляции компонентов.

Инструменты

▪️Webpack и Rollup остаются стандартными инструментами для сборки модулей, хотя Vite и Parcel набирают популярность благодаря своей скорости и простоте.

⏱Читать статью

▫️ Опасны ли перерендеры в React

#посмотреть

Многие в сообществе очень боятся перерендеров в React. Вместе со спикером пробуем разобраться, что это, почему они происходят, так ли они опасны и как их избегать.

⏱Смотреть на YouTube ⏱45 минут

Наконец-то поймешь асинхронность в JS

#почитать

Асинхронный код в JavaScript выполняется в одном потоке, но не синхронно с основным потоком выполнения. Вместо того, чтобы блокировать выполнение основного кода, асинхронные операции обрабатываются в фоновом режиме. Это позволяет приложению продолжать свою работу без задержек, даже когда выполняются длительные операции, такие как запросы к серверу или обработка файлов. Таким образом, JavaScript обеспечивает отзывчивость приложений, не используя многопоточность, а полагаясь на механизмы асинхронного выполнения.

⏱Подробно

PurePWA — радикальный поворот в веб-разработке

#почитать

Принципы PurePWA
Помните: это радикальный эксперимент. Я не призываю использовать только те принципы, которых придерживаюсь. Я сам применяю их лишь для того, чтобы доказать одну вещь: вам нужны только чистые веб-стандарты, чтобы разрабатывать отличные/прогрессивные веб-приложения.

Говорим “да”:
семантическому HTML;
полноценному прогрессивному веб-приложению;
веб-компонентам;
прогрессивному расширению;
стопроцентным результатам по всем категориям Lighthouse;
импорту ES-модулей во время выполнения;
иконкам в формате SVG-спрайтов;
“нативному” внешнему виду и пользовательскому опыту.

Говорим “нет”:
NPM;
системе сборки;
полифиллам¹;
пакетированию;
TypeScript (используем только 100 % ванильный JavaScript);
зависимостям.

⏱Читать статью

▫️ Frontend Roadmap 2024. Сравнение 2017 vs 2021 vs 2024

#посмотреть

Сильно ли изменился frontend За последние 7 лет и что делать начинающим frontend-разработчикам.

⏱Смотреть на YouTube ⏱15 минут