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

State of React 2024

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

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

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

Цікаво спостерігати, що незважаючи на те, що React традиційно асоціювався зі складними клієнтськими застосунками, статичні сайти все одно посіли друге місце — JSX може чудово послуговувати як проста мова для шаблонів.

0%
20%
40%
60%
80%
100%
1

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

5,954
2

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

2,981
3

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

2,917
4

Гібридні сайти

2,632
5

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

2,162
6

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

1,304
7

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

30
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
6,139
78%
Для чого ви використовуєте React?

Версія React

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

0%
20%
40%
60%
80%
100%
1

16.x

273
2

17.x

582
3

18.x

4,763
4

Canary

187
5

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

298
6

19.x

7

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

20
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
6,103
78%
Якою версією React ви найчастіше користуєтеся у повсякденній роботі?

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

Переважна більшість респондентів використовують React професійно.

0%
20%
40%
60%
80%
100%
1

Професійно

5,655
2

Для навчання

191
3

Як хобі

284
4

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

14
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
6,126
78%

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

Програмування та технічні інструменти можуть бути дещо надмірно представлені з-поміж сфер діяльності, оскільки саме ця сфера нерідко приваблює той тип розробників, які, швидше за все, заповнять таке опитування.

0%
20%
40%
60%
80%
100%
1

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

1,775
2

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

1,186
3

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

1,109
4

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

894
5

Освіта

549
6

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

511
7

Розваги

475
8

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

461
9

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

286
10

Державний сектор

270
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,660
72%
У яких галузях економіки ви працюєте?

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

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

0%
20%
40%
60%
80%
100%
1

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

5,053
2

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

3,698
3

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

2,824
4

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

1,570
5

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

1,568
6

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

1,529
7

Потоковий SSR

964
8

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

920
9

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

910
10

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

872
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,916
75%
Які з наведених патернів архітектури та рендерингу застосунків ви використовували за останній рік?
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2024: Sonner

Sonner is the best toast component for React. Beautiful by default, highly configurable, and with a simple API to use in any project. Wonderful work by Emil.
Ми покликали спільноту React поділитися своїм "вибором року"

Miguel Ángel Durán

Twitch Coding Streamer & Content Creator

Нові функції

З огляду на те, що memo давно є проблемною точкою, логічно, що респондентів найбільше цікавить React Compiler.

0%
20%
40%
60%
80%
100%
1

3,292
2

1,687
3

1,642
4

1,526
5

1,422
6

1,268
7

1,061
8

1,041
9

883
10

328
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
5,837
74%
Які з-поміж цих останніх та майбутніх нових функцій цікавлять вас найбільше?

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

І знову надмірна складність постає як головна проблема. Залишається побачити, чи нове покоління інструментів нарешті зможе полегшити наш біль, чи ця складність є лише природним наслідком того, як працює все у вебі.

0%
20%
40%
60%
80%
100%
1

Надмірна складність

2

Швидкодія

3

4

Проблеми Next.js

5

Управління станом

6

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

Відповіді, що відповідають ключу "Інші відповіді" 296
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
229
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.
Спонсорований вміст від наших партнерів. Детальніше.