Ir ao contido

State of JavaScript 2024

Front-end Frameworks

Front-end frameworks e bibliotecas

Front-end Frameworks Ratios Over Time

O máis destacado do ano pasado foi que Vue superou a Angular no uso en bruto entre os nosos enquisados. A pesar do progreso de Angular este ano, Vue conseguiu manter o seu posto número dous – ademais de gañar tres puntos en termos de porcentaxe de retención! Mentres tanto, o uso de Svelte está aumentando a un ritmo constante, ao tempo que segue encabezando a clasificación en termos de opinións positivas xerais.

React
Vue.js
Angular
Preact
Svelte
Alpine.js
Lit
Solid
Qwik
Stencil
HTMX

Mode:

View:

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

Other Front-end Frameworks

0%
11%
22%
33%
44%
55%
1

190
2

62
3

30
4

27
5

27
6

24
7

16
8

14
9

13
10

13
11

Outros

344
0%
11%
22%
33%
44%
55%
% dos enquisados
619
4%

Used at Work

While there are no substantial income differences based on which frontend frameworks respondents used at work, company size tells a different story.

New challengers Alpine.js, Qwik, and Solid are being favored by small companies, while Web Components solutions Lit and Stencil are overwhelmingly used by large companies.

0%
13%
27%
40%
53%
67%
1

8,345
2

3,870
3

3,534
4

1,380
5

538
6

475
7

376
8

331
9

304
10

229
11

127
12

🚫 Ningunha

444
0%
13%
27%
40%
53%
67%
% dos enquisados
12,486
91%
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: Cassidy Williams

Cassidy leva escribindo no seu blog desde 2009, ten un estilo único e moitos intereses de nicho (estou orgullosa de posuír o seu teclado para copiar/pegar de StackOverflow!). Publica unha newsletter todas as semanas, fai os mellores memes para desenvolvedores e todo isto sendo nai recentemente, o que é aínda máis impresionante.
Pedímoslles a membros da comunidade de JavaScript que compartan as súas «escollas do ano»

Tania Rascia

Enxeñeiro principal autodidacta, blogueiro experto en tecnoloxía e chef formado profesionalmente

Number of Items

How many items in this category respondends have used (or heard of).

View:

0%
5%
11%
16%
22%
27%
1

0

1,108
2

1

2,904
3

2

3,827
4

3

3,070
5

4

1,653
6

5

796
7

6

342
8

7

182
9

8

66
10

9

37
11

10

16
12

11

14
0%
5%
11%
16%
22%
27%
% dos enquisados
2.5

Satisfacción cos frameworks de front-end

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
2024
0
1
2
3
4
Media {axis}
12,964
93%
2.8
3
Cómo de satisfeito estás co estado actual dos frameworks de front-end?

Inconvenientes dos frameworks de front-end

Como titular, React ten que levar a cruz de ser o obxectivo da maioría das queixas. A complexidade excesiva, a gran cantidade de opcións, o rendemento deficiente e os breaking changes tamén foron citados habitualmente como principais problemas.

0%
18%
36%
54%
73%
91%
1

React issues

2

Excessive complexity

3

Performance

4

Choice overload

5

Breaking changes

6

State management

7

Speed of change

8

Dependencies

9

SSR

10

Angular issues

0%
18%
36%
54%
73%
91%
% dos enquisados
3,832
27%
Cales son os principais inconvenientes que atopaches usando frameworks de front-end?
(resposta libre)

Recursos recomendados

Vue's Reactivity System
Alexander Lichter

Vue's Reactivity System

Vue's reactivity system got faster again, and hopefully other framework reactivity systems will apply similar perf improvements.
Master the Full-Stack: RedwoodJS Step-by-Step Guide
Amy Dutton
Redwood

Master the Full-Stack: RedwoodJS Step-by-Step Guide

This is introducing a multi-part YouTube series where we’ll build a Hacker News clone. This project will be built on RedwoodJS, a full-stack React framework. We’ll cover React, GraphQL, Apollo, Storybook, Prisma, TypeScript, and Jest.
Grazas aos nosos colaboradores por darnos o seu apoio! Saber máis.