Перейти до вмісту

State of JavaScript 2024

Метафреймворки

Фреймворки, що орієнтовані на рендеринг та обслуговування (serving) вашого застосунку

Співвідношення метафреймворків із часом

Next.js продовжує свій політ над конкурентами за рівнем використання. Та якщо подивитися на утримання, картина зовсім інша: якби не Gatsby, Next.js займав би останнє місце.

Зокрема тут йдеться про успіх Astro та SvelteKit, які наразі успішно задовольняють своїх користувачів.

Next.js
Nuxt
Gatsby
Remix
Astro
SvelteKit
Docusaurus
SolidStart
Deno Fresh

Режим:

Вигляд:

0%
20%
40%
60%
80%
100%
2018
2019
2020
2021
2022
2023
2024
0%
20%
40%
60%
80%
100%

Інші метафреймворки

0%
20%
40%
60%
80%
100%
1

108
2

27
3

27
4

23
5

17
6

17
7

16
8

10
9

9
10

9
11

Інші відповіді

190
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
404
3%

Використовується на роботі

Gatsby може бути одним із найменш улюблених інструментів, але він один із найприбутковіших — що, ймовірно, пов'язано з його використанням переважно великими компаніями.

На іншому кінці спектра Astro все ще перебуває на початку свого шляху до впровадження в корпоративний сектор, що, зі свого боку, корелює з нижчими доходами.

0%
20%
40%
60%
80%
100%
1

5,035
2

1,835
3

1,442
4

991
5

707
6

602
7

583
8

112
9

111
10

81
11

🚫 Нічого

3,699
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
11,261
82%
Які з-поміж цих інструментів ви використовуєте у професійному контексті?
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Мій вибір 2024: The Breedling

Вебтехнології призначені не лише для простих вебсайтів. Breedling — це інструмент візуалізації у браузері, який супроводжує концерти живої музики однойменного гурту, поєднуючи відео та RIVE-анімацію шейдерами WebGL та використовуючи стару експериментальну бібліотеку VideoContext від BBC.
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Salma Alam-Naylor

Стримерка наживо, інженерка програмного забезпечення і просвітниця для розробників

Кількість елементів

Скільки елементів у цій категорії респонденти використовували (або чули про них).

Вигляд:

0%
6%
12%
18%
24%
31%
1

0

4,279
2

1

3,848
3

2

2,886
4

3

1,632
5

4

801
6

5

344
7

6

143
8

7

55
9

8

17
10

9

10
0%
6%
12%
18%
24%
31%
% від усіх опитаних
1.5

Задоволення метафреймворками

0
1
2
3
4
2022
2023
2024
0
1
2
3
4
Середнє
12,044
86%
2.4
2
Наскільки ви задоволені поточним станом метафреймворків? За шкалою від 0 (дуже незадоволені) до 4 (дуже задоволені).

Проблеми метафреймворків

Як і React у своїй категорії, Next.js — лідер за кількістю критики.

0%
20%
40%
60%
80%
100%
1

Проблеми Next.js

2

Надмірна складність

3

Руйнівні зміни

4

SSR

5

Швидкодія

6

Відсутність документації

7

Розгортання

8

Швидкість змін

9

Інтеграція клієнта та сервера

10

Vercel

0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
1,976
14%
З якими проблемами ви стикалися під час використання метафреймворків?
Довільна форма

Рекомендовані джерела

Introduction to Next.js 13+, v3
Scott Moss
Superfilter AI

Introduction to Next.js 13+, v3

In this course, you'll learn server-side rendering, static site generation, data fetching, building API endpoints, creating pages, and new features in Next 13+, like using the app router, server and client components, and server actions!
Build an AI-Powered Fullstack Next.js App, v3
Scott Moss
Superfilter AI

Build an AI-Powered Fullstack Next.js App, v3

Create a full-stack AI-powered Journal app from scratch in Next.js. See how all the pieces of Next.js/React fit together: client components, server components, static and dynamic routing, server actions, middleware, and layouts.
Спонсорований вміст від наших партнерів. Детальніше.