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

State of React 2023

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

Незалежно від використовуваної версії, впровадженого патерну застосунку або вашої галузі діяльності — немає неправильного способу використання React!

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

Незважаючи на зміну фокуса на генерацію статичних сайтів, рендеринг з боку сервера та серверні компоненти, варто зазначити, що переважна більшість користувачів React все ще працюють з односторінковими застосунками (SPA).

0%
17%
34%
52%
69%
86%
1

Односторінковий застосунок (SPA)

7,940
2

Рендеринг із боку сервера (SSR)

5,783
3

Генерація статичних сайтів (SSG)

4,563
4

Статична генерація з доповненням (incremental)

2,643
5

Багатосторінковий застосунок (MPA)

2,441
6

Часткова гідрація

2,021
7

Поступове покращення (Progressive Enhancement)

1,363
8

Периферійний рендеринг (Edge Rendering)

1,354
9

Архітектура островів

1,223
10

Потоковий SSR

1,220
0%
17%
34%
52%
69%
86%
% від тих, хто відповів на питання
9,211
71%
Які з наведених патернів архітектури та рендерингу застосунків ви використовували за останній рік?

Тип використання

0%
18%
37%
55%
74%
92%
1

Професійно

8,742
2

Для навчання

301
3

Як хобі

461
4

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

34
0%
18%
37%
55%
74%
92%
% від тих, хто відповів на питання
9,497
73%

Сфера діяльності

0%
6%
13%
19%
26%
32%
1

Програмування та технічні інструменти

2,826
2

Консалтинг і послуги

1,675
3

Електронна комерція та роздрібна торгівля

1,587
4

Фінанси, банківська сфера

1,446
5

Освіта

960
6

Маркетинг/Продажі/Інструменти аналітики

879
7

Розваги

811
8

Охорона здоров'я

719
9

Новини, медіа, блогінг

494
10

Студент

464
0%
6%
13%
19%
26%
32%
% від тих, хто відповів на питання
8,772
67%
У яких галузях економіки ви працюєте?
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2023: Sonner

Sonner — найкращий компонент немодального спливного повідомлення (toast) для React. Гарний із самого початку, із широкими можливостями налаштування та простим API для використання в будь-якому проєкті. Чудова робота від Emil.
Ми покликали спільноту React поділитися своїм "вибором року"

Miguel Ángel Durán

Стример програмування на платформі Twitch та автор контенту

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

0%
19%
39%
58%
77%
97%
1

Вебзастосунки

9,201
2

Статичні сайти

4,373
3

Системи дизайну

3,367
4

Застосунки для мобільних пристроїв

3,122
5

Застосунки для настільних комп'ютерів

2,378
6

Browser Extensions

7

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

52
0%
19%
39%
58%
77%
97%
% від тих, хто відповів на питання
9,527
73%
Для чого ви використовуєте React?

Версія React

Зауважте, що опитування було проведено до анонсу або випуску React 19.

0%
14%
28%
42%
55%
69%
1

16.x

752
2

17.x

1,400
3

18.x

6,570
4

Canary

183
5

Не впевнений(-а)

582
6

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

38
0%
14%
28%
42%
55%
69%
% від тих, хто відповів на питання
9,487
73%
Якою версією React ви найчастіше користуєтеся у повсякденній роботі?

Нові функції

0%
8%
16%
24%
32%
40%
1

3,514
2

2,711
3

2,663
4

2,284
5

2,199
6

2,177
7

1,901
8

1,818
9

762
10

521
11

🚫 Нічого

712
12

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

43
0%
8%
16%
24%
32%
40%
% від тих, хто відповів на питання
8,862
68%
Які серед цих останніх та майбутніх нових функцій цікавлять вас найбільше?

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

0%
22%
44%
66%
88%
110%
1

Excessive complexity

2

3

Performance

4

Next.js issues

5

State management

6

Lack of documentation

7

Ecosystem issues

8

Vercel issues

9

Lack of signals

10

SSR

0%
22%
44%
66%
88%
110%
% від тих, хто відповів на питання
355
3%
Чи є ще які-небудь проблеми щодо React, які ви хотіли б згадати?
Довільна форма

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

Your Path to Becoming a Senior Web Developer!
Will Sentance
Codesmith

Your Path to Becoming a Senior Web Developer!

Deep dive into JavaScript, the most popular framework React, Web performance, CSS, deploying websites, TypeScript, and functional JavaScript to become a professional web developer today.
Be Productive with React.js, Today's Most Popular Framework
Brian Holt
SQLite Cloud

Be Productive with React.js, Today's Most Popular Framework

Gain experience building, testing, and maintaining high-performance client and server-side React applications.
Дякуємо нашим партнерам за підтримку! Детальніше.