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

State of JavaScript 2024

Клієнтські фреймворки

Фреймворки та бібліотеки для клієнтської частини

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

Last year's big story was Vue overtaking Angular in raw usage among our respondents. Despite Angular's progress this year, Vue managed to keep its number two spot – as well a gain a whopping three spots in terms of retention percentage! Meanwhile, Svelte usage is increasing at a steady pace, while it continues to top the rankings in terms of overall positive opinions.

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

Режим:

Вигляд:

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

Інші фреймворки для клієнтської частини

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

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

344
0%
11%
22%
33%
44%
55%
% від тих, хто відповів на питання
619
4%

У контексті роботи

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

🚫 Нічого

444
0%
13%
27%
40%
53%
67%
% від тих, хто відповів на питання
12,486
91%
Які з-поміж цих інструментів ви використовуєте у професійному контексті?
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Мій вибір 2024: Cassidy Williams

Cassidy's been writing on her blog since 2009, has an incredibly unique style and so many cool, niche interests (I'm proud to own her StackOverflow copy/paste keyboard!). She puts out a great newsletter every week, makes the best developer memes, and does it all while being a new mom, which is beyond impressive.
Ми покликали спільноту JavaScript поділитися своїм "вибором року"

Tania Rascia

Self-taught principal engineer, accomplished tech blogger, and professionally trained chef

Number of Items

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

Вигляд:

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%
% від усіх опитаних
2.5

Задоволення фреймворками для клієнтської частини

0
1
2
3
4
2016
2017
2018
2019
2020
2021
2022
2023
2024
0
1
2
3
4
Середнє
12,964
93%
2.8
3
Наскільки ви задоволені поточним станом фреймворків для клієнтської частини? За шкалою від 0 (дуже незадоволений(-а)) до 4 (дуже задоволений(-а)).

Проблеми фреймворків для клієнтської частини

As the incumbent, React has to bear the cross of being the target of most complaints.

Excessive complexity, choice overload, poor performance, and breaking changes were also commonly cited as major pain points.

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%
% від тих, хто відповів на питання
3,832
27%
З якими проблемами ви стикалися під час використання фреймворків для клієнтської частини?
Довільна форма

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

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.
Дякуємо нашим партнерам за підтримку! Детальніше.