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:

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

Other Meta-Frameworks

0%
9%
19%
28%
38%
47%
1

108
2

27
3

27
4

23
5

17
6

17
7

16
8

10
9

9
10

9
11

Outros

190
0%
9%
19%
28%
38%
47%
% 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.

0%
9%
18%
27%
36%
45%
1

5,035
2

1,835
3

1,442
4

991
5

707
6

602
7

583
8

112
9

111
10

81
11

🚫 Ningunha

3,699
0%
9%
18%
27%
36%
45%
% dos enquisados
11,261
82%
Which of these tools do you use in a professional context?
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 respondends have used (or heard of).

View:

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

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

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.

0%
17%
33%
50%
67%
84%
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%
17%
33%
50%
67%
84%
% dos enquisados
1,976
14%
Cales son os principais inconvenientes que atopaches usando meta-frameworks?
(resposta libre)

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.