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

State of React 2025

Використання

Використання React

It won't come as any surprise that most respondents still use React to build web apps. But the chart also shows that design systems are now an integral part of the web development process.
Для чого ви використовуєте React?
Множинний вибір
0%
20%
40%
60%
80%
100%
1
Вебзастосунки
2,559
2
Системи дизайну
+1
1,266
3
Статичні сайти
-1
1,172
4
Гібридні сайти
991
5
Застосунки для мобільних пристроїв
926
6
Застосунки для настільних комп'ютерів
563
7
Інші відповіді
9
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
2,653
71%
10

Версія React

While survey respondents tend to be more plugged in than the community at large, it's still notable to see that so many of them had already upgraded to React 19.
Яку версію React ви найчастіше використовуєте у повсякденній роботі?
0%
20%
40%
60%
80%
100%
1
16.x
63
2
17.x
100
3
18.x
1,089
4
19.x
1,277
5
Canary
-1
11
6
Не впевнений(-а)
-1
96
7
Інші відповіді
7
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
2,636
70%
10

Патерни застосунків

While modern frameworks like Next.js offer granular rendering as one of their key selling points, it's important to note that most respondents still rely on the big three rendering patterns (SPA, SSR, and SSG).
Які з наведених патернів архітектури та рендерингу застосунків ви використовували за останній рік?
Множинний вибір
0%
20%
40%
60%
80%
100%
01
Односторінковий застосунок (SPA)
2,167
02
Рендеринг із боку сервера (SSR)
1,554
03
Генерація статичних сайтів (SSG)
1,127
04
Статична генерація з доповненням (incremental)
+1
643
05
Часткова гідрація
+1
638
06
Багатосторінковий застосунок (MPA)
-2
600
07
Потоковий SSR
449
08
Архітектура островів
353
09
Поступове покращення (Progressive Enhancement)
329
10
Периферійний рендеринг (Edge Rendering)
297
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
2,566
68%
10

Нові функції

Most of us are excited for the React Compiler, which promises to improve performance without requiring any major effort on our part.

Conversely, although Server Components can also help make web apps more performant, the fact that their roll-out has at times involved quite a few headaches for developers–combined with the feature already being a few years old at this point–explains the relative lack of excitement around them.

Які з-поміж цих останніх та майбутніх нових функцій цікавлять вас найбільше?
Множинний вибір
0%
20%
40%
60%
80%
100%
01
React Compiler
1,559
02
ref як властивість (Prop)
+2
664
03
React cache
+2
625
04
-1
622
05
Серверні компоненти React
-3
516
06
Завантаження ресурсів (assets)
+2
500
07
445
08
Нова документація
-2
437
09
+4
369
10
-1
234
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
2,529
67%
10

Інші проблеми

When it comes to performance, React has always adopted a bit of a “chef's choice” approach: just trust the framework to know best, and don't worry about managing every re-render.

Yet developers can quickly run into frustrating situations when they do need more granular control. So we can only hope the new React Compiler will help alleviate some of those pain points.

Чи є ще які-небудь проблеми щодо React, які ви хотіли б згадати?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
01
React issues
02
Швидкодія
03
Excessive Re-rendering
+12
04
Надмірна складність
-3
05
Управління станом (useState, Redux, Context тощо)
-2
06
nextjs_issues
-2
07
Build tools issues
08
+6
09
Server components
10
Hooks issues
11
Ecosystem issues
+1
12
Rendering issues
13
Інші відповіді
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
113
3%
5

Причетність Meta

Few tech companies have generated more drama throughout their history than Meta. Yet that hasn't translated in a negative view of the company's stewardship of React, with most respondents viewing the company in a neutral or positive way.
Як ви ставитеся до залученості компанії Meta до React-у?
0%
20%
40%
60%
80%
100%
1
Дуже негативно
112
2
Негативно
264
3
Нейтрально
1,469
4
Позитивно
551
5
Дуже позитивно
153
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
2,549
68%
2.1
2
10

Причетність Vercel

This isn't quite true when it comes to Vercel, the other big player in the React ecosystem.

While the majority is still neutral, negative opinions do outweigh positive ones, with respondents citing lock-in fears, a push for unwanted features, and the founder's controversial political stances as motivations for their negative outlook.

Як ви ставитеся до залученості компанії Vercel до React-у?
0%
20%
40%
60%
80%
100%
1
Дуже негативно
335
2
Негативно
575
3
Нейтрально
996
4
Позитивно
490
5
Дуже позитивно
151
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
2,547
68%
1.8
2
10

Причетність React Foundation

In contrast to either Meta or Vercel, sentiment about the recently-announced React Foundation is overwhelmingly positive, indicating that the community welcomes this move towards more open and neutral governance.
Як ви ставитеся до залученості організації React Foundation до React-у?
0%
20%
40%
60%
80%
100%
1
Дуже негативно
18
2
Негативно
30
3
Нейтрально
1,198
4
Позитивно
802
5
Дуже позитивно
447
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
2,495
66%
2.7
3
10

Задоволення

1
2
3
4
5
2024
2025
1
2
3
4
5
Середнє
2,623
70%
3.6
4
10

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

React and TypeScript, v3
Steve Kinney
Temporal

React and TypeScript, v3

Write higher-quality code with React and TypeScript. Add critical type safety to hooks and component design systems. Learn patterns for complex state management with reducers and discriminated unions.
Intermediate Next.js
Scott Moss
Netflix

Intermediate Next.js

Level up your Next.js skills to build production-ready applications. Dive into advanced concepts like server actions, route slots, and data fetching strategies.
Спонсорований вміст від наших партнерів. Детальніше.