Ir ao contido

State of JavaScript 2024

Meta-Frameworks

Frameworks centrados en renderizar e servir a túa aplicación

Meta-Frameworks Ratios Over Time

Next.js segue superando a competencia en termos de uso bruto. Con todo, ao mirar a retención vemos unha historia diferente – de non ser por Gatsby, Next.js sería o último do ranking. Isto fala do éxito de Astro e SvelteKit en particular, que ata agora conseguiron manter contentos aos seus usuarios.

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

Mode:

View:

Usage:

Proportion of respondents having used an item
0%
20%
40%
60%
80%
100%
2018
2019
2020
2021
2022
2023
2024
0%
20%
40%
60%
80%
100%

Other Meta-Frameworks

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

Outros

190
0%
20%
40%
60%
80%
100%
% dos enquisados
404
3%

Used at Work

Gatsby may be one of the least loved tools, but it's also the most lucrative – which is most likely due to it being used primarily in large companies.

On the other side of the spectrum, Astro is still at the beginning of its journey towards enterprise adoption, which in turns correlates with lower income.

Which of these tools do you use in a professional context?
Multiple
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

🚫 Ningunha

3,801
0%
20%
40%
60%
80%
100%
% dos enquisados
11,538
82%
Pedímoslles a membros da comunidade de JavaScript que compartan as súas «escollas do ano»

A miña escolla para 2024: The Breedling

A tecnoloxía web non é só para sitios web. The Breedling é unha ferramenta de visualización no navegador para usar nos concertos de música en directo desta banda co mesmo nome, e que mestura vídeo e animacións RIVE con shaders de WebGL, utilizando VideoContext, unha antiga biblioteca experimental da BBC.
Pedímoslles a membros da comunidade de JavaScript que compartan as súas «escollas do ano»

Salma Alam-Naylor

Streamer, enxeñeiro, e educador para desenvolvedores

Number of Items

How many items in this category respondents have used.

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%
% dos enquisados
1.5

Satisfacción con meta-frameworks

Cómo de satisfeito estás co estado actual dos meta-frameworks?
1
2
3
4
5
2022
2023
2024
1
2
3
4
5
Media {axis}
12,044
86%
3.4
3

Inconvenientes dos meta-frameworks

Do mesmo xeito que React na súa propia categoría, Next.js como líder tamén leva o peso das críticas.

Cales son os principais inconvenientes que atopaches usando meta-frameworks?
(resposta libre)
Multiple
0%
20%
40%
60%
80%
100%
1

Next.js issues

2

Excessive complexity

3

Breaking changes

4

SSR

5

Performance

6

Lack of documentation

7

Deployment

8

Speed of change

9

Frontend and backend integration

10

Vercel

0%
20%
40%
60%
80%
100%
% dos enquisados
1,976
14%

Recursos recomendados

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.
Grazas aos nosos colaboradores por darnos o seu apoio! Saber máis.