Самые популярные проекты JavaScript в 2023 году.

Недавно “Best of JS” официально объявили список лучших проектов JavaScript 2023 года. В нём представлен обзор трендовых проектов в экосистеме JavaScript за последние 12 месяцев!

Список включает в себя следующие разделы: Most Popular Projects, Frontend Frameworks, React Ecosystem, Vue Ecosystem, Backend/Full Stack, Build Tools, CSS in JS, Testing Tools, Mobile, Desktop, Static Sites, State management, GraphQL.

@javascriptv – совет на 2023 – учи Javascript правильно, не тратя время на пустые книги и глупые видео.

Most Popular Projects

Вот список топ-10 самых популярных проектов JavaScript в 2022:

Победитель: Bun
Самый популярный проект 2022 года – Bun : Новая среда выполнения JavaScript. Этим летом, с выходом первой бета-версии на GitHub, её популярность возросла: в течение месяца на GitHub прибавилось более 20 000 звёзд!

Так что же такого особенного в Bun? Как и абсолютный победитель Deno два года назад, он предлагает первоклассную поддержку TypeScript.

Но Bun – это больше, чем просто среда выполнения. Он также включает в себя:

• Менеджеры пакетов (например, Yarn, NPM, NPM NPM);
• Инструменты сборки (такие как Webpack, Ebuild, Parcel);
• инструменты для тестирования;
• …

Bun может читать установленные зависимости package.json, а также запускать скрипты. Он делает всё это быстрее, чем любая другая среда выполнения. Bun – это свежий взгляд на многие аспекты экосистемы JavaScript с акцентом на производительность.

Он отдает приоритет стандартным веб-API, таким как Fetch. Bun поддерживает многие Node.js API, что делает его совместимым с большинством пакетов NPM. Его экосистема довольно новая по сравнению с Deno, но у него уже есть веб-фреймворк под названием Elysia, который является самым быстрым HTTP-фреймворком.

Самое невероятное в Bun то, что его создатель, Джарред Самнер, реализовал всё это с нуля, используя низкоуровневый язык под названием Zig.

Tauri

В 2021 году Tauri занял пятое место по популярности. В 2023 году он занимает второе место среди самых популярных проектов с 30 000 звездами на GitHub. Это проект, написанный на Rust, для создания кроссплатформенных настольных приложений с использованием веб-технологий.

Версия 1.0 Tauri была выпущена в июне. Она была построена с учетом требований безопасности и производительности. Tauri занимает меньше места по сравнению с Electron, поскольку разработчик должен указать API и функциональность, требуемые приложением.

React and Next.js

Третье и четвёртое места занимают React и Next.js , оба из которых прибавили почти по 20 000 звёзд.

Next.js 13 был выпущен в октябре. Он использует серверные компоненты React, представленные с React 17 в 2020 году.

Эндрю Кларк, один из сопровождающих React, сказал: “Серверные компоненты React – это будущее React, и цель состоит в том, чтобы распространить эту архитектуру по всей экосистеме React, независимо от фреймворка”.

Vite

Vite – это инструмент для создания приложений на основе веб-технологий, предоставляющий потрясающий опыт разработчикам.

В этом году у Vite было два основных релиза (v3 в июле и v4 в декабре). Он поддерживает растущее число проектов, включая фреймворки SvelteKit и Qwik, а также Vitest.

Frontend Frameworks

Вот список топ-10 самых популярных Frontend-фреймворков на JavaScript в 2023:

React по-прежнему остаётся чемпионом в 2023 году. Важно заметить то, что разрыв в количестве звёзд между первым и вторым местом очень внушителен.

Главное изменение списка – это Qwik, который идёт на втором месте. Qwik похож на React, он также использует компоненты, написанные на JSX, в качестве шаблонов, но главное отличие заключается в том, что он фокусируется на передаче наименьшего количества JavaScript в браузер.

Qwik является частью тенденции фреймворка “Zero baseline JavaScript”. Сайты и приложения часто перегружены большим количеством кода, написанным на JavaScript, что влияет на производительность браузера: даже если страница отображается на стороне сервера, пользователи должны дождаться загрузки, анализа и выполнения JavaScript, прежде чем они смогут взаимодействовать со страницей.

Вместо того, чтобы полагаться на гидратацию для придания интерактивности страницам, Qwik использует процесс, называемый “recoverable technology”, для мгновенного предоставления интерактивного HTML.

React Ecosystem

Вот список топ-10 самых популярных экосистем React на JavaScript в 2023:

React по-прежнему остаётся библиотекой, которую можно использовать на любой веб-странице.

Релиз React 18 (март) включает в себя функции параллелизма и API, который, в первую очередь, предоставляет архитектурные шаблоны для фреймворка. Компоненты сервера React разработаны с учётом этих новых реализаций архитектурных шаблонов. Некоторые соглашения стандартизированы во всех фреймворках React (например, use client), в то время как другие находятся на стадии тестирования (например, async/await).

В 2023 году мы продолжим наблюдать инновации с использованием новых инструментов React. Без сомнений!

Vue Ecosystem

Вот список топ-10 самых популярных экосистем Vue на JavaScript в 2023:

В этом году фреймворк Vue имел много серьезных обновлений.

Этот фактор делает переход к версии Vue 3 более плавным. Команда Vue также работает над новой стратегией рендеринга под названием “Vapor mode”, которая вдохновлена Soild.js и может сделать Vue более производительным.

Стабильный релиз Nuxt 3 и Vuetify 3 показывает, что экосистема Vue достаточно зрелая. За год Vite вырос в геометрической прогрессии. Его активно используют пользователи Vue, начиная с create-vue, Nuxt, Quasar, Astro и многих новых фреймворков. Благодаря возможностям Vite, пользователи Vue также могут использовать Vitest и Histoire для улучшения тестирования / разработки.

Backend/full stack

Вот список топ-10 самых популярных backend/full stack-проектов на JavaScript в 2023:

Грань между Frontend/Backend-фреймворками размыта, потому что существует тенденция делать больше вещей на стороне сервера (включая рендеринг и маршрутизацию) по сравнению с подходом SPA, где серверная часть отвечает только за API. Итак, эта часть включает в себя full stack-фреймворки, мета-фреймворки и backend-фреймворки.

Next.js

Как и в прошлом году, Next.js лидирует в рейтинге, а версия 13.0 теперь содержит важные функции, включая серверные компоненты React и новую структуру файловой системы, использующую более надёжную обработку вложенных маршрутов.

tRPC

Второе место – tRPC может импортировать типы, определенные на сервере, из клиента, чтобы обеспечить “End-to-end type safety“.

Astro

Astro, находящийся на третьем месте, появился в 2021 году в качестве генератора статических данных. Он популяризирует концепцию частичной гидратации.

Релиз Astro 1.0 демонстрирует тщательное внимание команды Astro к созданию удобного интерфейса для разработчиков. Новая поддержка SSR упрощает разработку веб-приложений благодаря интеграции с любыми интерфейсными инструментами, такими как React и SCSS.

Remix

Remix, занимающий четвертое место, продолжает быстрый рост. Он был выпущен с открытым исходным кодом в 2021 году и был приобретён Shopify всего год спустя.

Вместо того, чтобы полагаться на статическую генерацию страниц, Remix использует распределённые вычисления и собственные возможности для обеспечения высокой производительности.

Build tool

Вот список топ-10 самых популярных инструментов для сборки на JavaScript в 2023:

В этом году Vite продолжил своё восхождение и стал одним из самых популярных Frontend-инструментов. Его предшественник, Snowpack, больше не поддерживается. Использование Vite не ограничивается экосистемой Vue: Vite можно использовать в SvelteKit, Storybook, Vitest и даже в качестве современной замены Create-React-App.

В то время как Babel по-прежнему популярен, swc и esbuild широко используются многими проектами и мета-фреймворками. Эти новые инструменты могут значительно повысить производительность сборки и компиляции.

Vercel объявляет о выпуске Turbopack (alpha), нового быстрого пакета Rust, созданного Тобиасом Копперсом (создателем Webpack).

Набор инструментов Rome выпустил свою первую стабильную версию. В настоящее время его использование невелико, но в этом году это может измениться.

CSS in JS

Вот список топ-10 самых популярных CSS-проектов на JavaScript в 2023:

Test tools

Вот список топ-10 самых популярных инструментов для тестирования на JavaScript в 2023:

Mobile

Вот список топ-10 самых популярных инструментов для мобильной разработки на JavaScript в 2023:

Desktop

Вот список топ-5 самых популярных Desktop-проектов на JavaScript в 2023:

Static site

Вот список топ-10 самых популярных статических сайтов на JavaScript в 2023:

State management

Вот список топ-10 самых популярных state management-проектов на JavaScript в 2023:

GraphQL

Вот список топ-10 самых популярных GraphQL-проектов на JavaScript в 2023:

Заключение

Прошлый год начался с полного хаоса, когда два очень популярных пакета npm были подвергнуты вандализму их создателями: Faker.js и colors.js .

Хрупкость этой обширной экосистемы была еще раз продемонстрирована, когда Lerna (популярный инструмент) был объявлен не обслуживаемым. До тех пор, пока Nrwl, компания, стоящая за Nx, не объявила, что возьмёт на себя управление им.

Сегодня TypeScript становится стандартом для написания JavaScript (первоклассная поддержка в Genoa и по умолчанию в Next.js , готовая поддержка в Vite и т.д.).

Несмотря на то, что присутствие JavaScript в данных инструментах вызывает некоторые вопросы у разработчиков и конечных пользователей, в настоящее время этот аспект стремительно перестаёт быть актуальным.