Топ фреймворков и инструментов для JavaScript по итогам 2021 года — неожиданно победил продукт от Google

Разработчик из Японии Майкл Рамбо опубликовал ежегодный рейтинг фреймворков и инструментов из экосистемы JavaScript. Список основан на количестве звезд, полученных на GitHub за год, и  выходит уже шестой раз. В 2020 году первое место заняла программная платформа Deno, а в 2021-м лидером топа стал новый чемпион, которого, по словам Майкла, никто не ожидал. 

Самые «звездные» проекты

Самым популярным проектом 2021 года стал новый инструмент от Google для написания простых сценариев командной строки на JavaScript или TypeScript под названием zx (+24,3 тыс. звездочек). Он позволяет вставлять в код любое bash выражение (ls, cat, git и так далее) и ожидать результата, используя шаблонные литералы JavaScript. 

Инструмент включает в себя утилиты, предоставляемые несколькими популярными пакетами: 

• node-fetch — для выполнения HTTP-запросов с использованием того же API, что и fetch в браузере;
• fs-extra — для обработки операций с файловой системой;
• globby — для поиска имен файлов по удобным для пользователя шаблонам.

Второе место по популярности занял Vite (+21,4 тыс. звездочек) — это инструмент для сборки веб-приложений, который использует компилятор esbuild для обеспечения высокой производительности. В начале он был связан с сообществом Vue.js, но сейчас в нем есть настройки для основных UI-фреймворков, таких как React, Svelte, Lit. 

Третье место по количеству звездочек — у фреймворка Next.js (+19,7 тыс.), который предназначен для разработки веб-приложений, обладающих функционалом, выходящим за рамки одностраничных приложений (SPA). 

На четвертом месте React (+18,5 тыс. звездочек) — библиотека, которая не нуждается в представлении. 

А вот решение для создания десктопных приложений с использованием веб-технологий Tauri (+18,5 тыс.) знакомо не всем. По результатам рейтинга в 2021 году инструмент занял пятое место. 

В 2021 году топ-10 самых популярных инструментов и фреймворков экосистемы JavaScript выглядит следующим образом:

Самые популярные фронтенд-фреймворки

Впервые за все время проведения JavaScript Rising Stars React стал UI-фреймворком номер один, но если учесть тот факт, что Vue.js разделен на два репозитория (для версий два и три), он фактически является лидером. 

Свои коррективы в рейтинг внес  фреймворк Svelte, который занимает третье место перед Angular. Все больше инструментов или компонентов включают Svelte в число целевых фреймворков (например, Vite). 

Вот как выглядит топ фронтенд-фреймворков:

Самые популярные Node.js фреймворки

Основные UI-фреймворки имеют свои собственные «мета-фреймворки» для построения современных и масштабируемых приложений, предоставляя такие возможности, как маршрутизация, рендеринг на стороне сервера, статическую генерацию страниц, оптимизированную сборки для продакшена и многое другое. 

Например, у React есть Next.js, победитель категории, который можно считать пионером в этой области. У Vue.js —  Nuxt, теперь разделенный на версии для Vue.js v2 и v3. У Svelte— SvelteKit.

Remix, фулстек-фреймворк для создания приложений React, является новичком в этой категории. Это один из самых громких проектов 2021 года. Проект получил большую популярность с момента запуска. 

Remix очень грамотно обрабатывает вложенные маршруты, позволяя эффективно загружать данные, необходимые всем компонентам на данной странице, вместо того, чтобы генерировать поток HTTP-вызовов, которые часто приводят к появлению большого количества индикаторов загрузки страниц на экране. 

На втором месте Nest — №1 среди более традиционных серверных Node.js-фреймворков, не привязанных к какой-либо библиотеке пользовательского интерфейса. 

И, наконец, на третьем месте Strapi — лидер headless-CMS, приложений, которые предоставляют богатую приборную панель для управления данными и современный API, который позволяет разработчикам создавать что угодно на основе данных. Последняя версия предоставляет систему дизайна, построенную на основе библиотеки компонентов React. 

Топ-10 самых популярных Node.js-фреймворков:

Самые популярные инструменты сборки

Продолжается внедрение нативных ES-модулей. Vite получил широкое распространение (быстрее, чем snowpack), что привело к появлению новой экосистемы инструментов (например, Vitest — современный тестовый фреймворк на основе ES). ES-модули также принимаются в экосистеме Node.js. В TypeScript даже отложили поддержку ES-модулей в Node.js. 

Все больше фронтенд-инструментов создается на других языках (читайте awesome-js-tooling-not-in-js), в основном из-за производительности. 

Один из главных разработчиков Vercel Ли Робинсон написал, что Rust — это будущее инфраструктуры JavaScript из-за его высокой производительности и совместимости с JavaScript. А благодаря фреймворку NAPI-RS JavaScript и Rust могут общаться друг с другом без каких-либо затрат на сериализацию. Next.js делает ставку на SWC, расширяемый компилятор Rust, который позволяет импортировать самые популярные плагины Babel на Rust. 

Топ-10 инструментов сборки выглядит так:

Остальные самые популярные проекты экосистемы мы собрали в галерее. 

С полными результатами рейтинга можно ознакомиться по ссылке.