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

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

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

Ми виокремлюємо цікаві функції або бібліотеки, про які, на нашу думку, вам варто знати.

Бібліотека від нас: Solid

Solid may only be used by 10% of respondents, but the fact that it's had the highest satisfaction for five years running should be enough to make us pay attention to what it's doing.

What's more, Solid creator Ryan Carniato has been in large part responsible for popularizing concepts such as signals, and is one of the best at explaining the intricacies of other front end frameworks, too.

Корисні джерела

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

For all the talk of the front-end ecosystem being in constant turmoil, things have been remarkably stable over the past year, with no change in usage rankings apart from Alpine.js and HTMX switching places.

The same is true when looking at satisfaction, with the exception of Qwik continuing to lose ranks.

Another place where that lack of new hype is apparent is the Interest tab, with no framework apart from Solid and Preact gaining ground since last year.

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
2025
0%
20%
40%
60%
80%
100%

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

Setting aside Astro, which doesn't quite belong to the front-end framework category, and Ember, which has been around for a while now, the most exciting new entrant here has to be Ripple, taking on the tough job of being the new kind on the front-end block.
0%
20%
40%
60%
80%
100%
01
163
02
49
34
05
+1
30
06
-1
26
07
-1
25
08
-4
25
09
-1
18
10
-6
17
11
Інші відповіді
355
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
Ми покликали спільноту JavaScript поділитися своїм “вибором року”

Мій вибір 2025: RSC Explorer

Server Components extend the capabilities of server-rendered React by allowing you send not only inert HTML to the browser, but also data structures (objects, arrays, dates, maps), Promises (even recursive ones), new React trees (and their source code), and Server Function references. It's a serialization format, and Dan's RSC Explorer really helps you understand that.
Ми покликали спільноту JavaScript поділитися своїм “вибором року”

Кількість опцій

The average respondent has only used 2.6 different front-end frameworks over their career, again showing that the image of the burned-out web developer jumping from framework to framework on a monthly basis isn't quite accurate anymore.
0%
5%
11%
16%
21%
26%
01
0
1,135
02
1
2,444
03
2
3,436
04
3
2,859
05
4
1,541
06
5
824
07
6
395
08
7
218
09
8
82
10
9
42
11
10
18
12
11
8
0%
5%
11%
16%
21%
26%
% від усіх опитаних

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

While in slight decline, front-end happiness has been remarkably stable over the years.
Наскільки ви задоволені поточним станом фреймворків для клієнтської частини? За шкалою від 1 (дуже незадоволені) до 5 (дуже задоволені).
1
2
3
4
5
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
1
2
3
4
5
Середнє

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

Being the dominant framework also means React tops the list of things front-end developers are struggling with.

Other recurring issues include poor performance, state management, and just the sheer complexity of the modern front-end ecosystem.

З якими проблемами ви стикалися під час використання фреймворків для клієнтської частини?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
01
Проблеми React
02
Надмірна складність
03
Швидкодія
04
Управління станом
+2
05
Перевантаження вибором
-1
06
Руйнівні зміни
-1
07
Підтримання браузерами
+9
08
Залежності
09
Роздутість
+8
10
Швидкість змін
-3
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання

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

React Performance, v2
Steve Kinney
Temporal

React Performance, v2

Ship high-performance React applications! Leverage React 19's performance strategies for hydration, suspense, resource loading, and server actions.
Angular Fundamentals
Mark (Techson) Thompson
Google

Angular Fundamentals

Discover the power of Angular’s latest features straight from the Angular team at Google! Learn to use the new control flow syntax in your component templates and performance features like signals and deferrable views.
Спонсорований вміст від наших партнерів. Детальніше.