Зашли в зоопарк JS-технологий и отобрали 6 вещей, которые вам нужно выучить в 2021.
Фрейморки
В 2021 мы продолжим наблюдать битву между ReactJS и VueJS. У React-a сейчас 168к звезд на GitHub, в то время как у Vue – 183к. Для сравнения – у Angular, как самого ближайшего преследователя, всего 72к.
Таким образом, в 2021 фронтенд-разработчики, которые думают, какой фрейморк учить, должны сфокусироваться на React и/или Vue. Angular тоже не следует сбрасывать со счетов, особенно, если вы работаете над крупным enterprise-проектом.
Статические генераторы сайтов
Статические генераторы собирают все лучшее от сервер-сайд рендеринга (очень важно для SEO) и single-page приложений.
Сегодня на многих проектах используются статические генераторы даже если нет острой необходимости в server-side рендеринге, т.к. Решения вроде Next или Nuxt предоставляют много классных возможностей (например, встроенные test-runner-ы, поддержка бандлинга и т.п.)
Самые распространенные SSG: Next (React-based), Nuxt (Vue-based), Gatsby (React-based), Grisdome (Vue-based)
JAM Stack
Термин JAMstack появился относительно недавно и расшифровывается как JavaScript (используется на клиенте), API (запросы к серверу идут с помощью JS) и markup (разметка, которая предсобирается во время деплоймента). Вот основные тезисы JAMstack:
- Используется CDN
- Все лежит в GIT
- Все автоматически собирается
- Все автоматически деплоится
Подробнее о том, что такое JAMstack, можно узнать здесь.
PWA
Progressive web apps (PWA) очень популярны в 2021. Все чаще компании выбирают PWA в пользу нативных мобильных приложений.
PWA надежные и быстрые (мгновенная загрузка, работа оффлайн, плавные анимации, выглядят и ощущаются как нативное приложение).
Вот еще несколько преимуществ PWA:
- Можно добавить ярлык на рабочий стол смартфона прямо из браузера
- Работают в режиме оффлайн
- Поддерживают web push notifications
Редакторы кода/IDE
Как и в прошлом году, в 2021 VSCode – лучший выбор для большинства фронтенд-разработчиков. VSCode предлагает функциональность IDE и расширяется с помощью встроенного marketplaсe-а расширений.
Набор основных расширений VSCode для фронтенд-разработки:
- JavaScript (ES6) code snippets
- Prettier
- CSS Peek
- Vetur
- ESLint
- Live Sass Compiler
- Debugger for Chrome
Скачать VSCode можно на официальном сайте.
GraphQL
Одна из самых горячих и обсуждаемых технологий.
Долгое время REST был де-факто стандартом для дизайна веб APIs. Но с ростом сложности проектов гибкости REST стало не хватать.
GraphQL был разработан в Facebook, чтобы решить основные проблемы разработчиков, работающих в Restful APIs.