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

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,147
2

1,883
3

1,461
4

1,015
5

720
6

618
7

596
8

116
9

116
10

82
11

🚫 Нічого

3,801
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
11,538
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 (дуже незадоволені) до 4 (дуже задоволені).
1
2
3
4
5
2022
2023
2024
1
2
3
4
5
Середнє
12,044
86%
3.4
3

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

Як і 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.
Спонсорований вміст від наших партнерів. Детальніше.