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

State of React 2024

Функції

Ми запитали в респондентів їхню думку щодо 28 окремих функцій — від найпоширеніших хуків, як useState, до більш нішевих API, як useDeferredValue. Й обов'язково спробуйте відсортувати дані за "ставленням"!

Усі функції

Ця діаграма підсумовує всі запитання опитування щодо функцій. Основні стовпці відповідають досвіду використання респондентом; далі вони поділяються відповідно до ставлення цього респондента. Ви можете змінити групування, щоб чергувати ці варіанти розбиття.

Варто виділити цього року: createPortal, яким користувалися лише 46,4% респондентів, був п'ятою найулюбленішою функцією. З іншого боку, Taint API був і найменш використовуваною, і найбільш невідомою функцією, що зрозуміло, адже він все ще експериментальний.

На протилежному кінці спектра функція useState була не лише найуживанішою, але й найулюбленішою з лише 1,26% негативного ставлення, що свідчить про те, що прості рішення завжди матимуть місце.

Фільтрувати за:

Групувати за:

Сортувати за:

1

98.9%
6,927
2

97.8%
6,949
3

96.7%
7,711
4

93.2%
5.1%
6,927
5

92.3%
6%
6,944
6

88.4%
9.4%
6,936
7

87.8%
8.8%
6,959
8

85.4%
9.4%
7,774
9

75.8%
18.4%
4.7%
7,682
10

73%
17.4%
8.4%
7,710

Досвід

  • Використовував(-ла): Респонденти, які це використовували.
  • Чув(-ла) про це: Респонденти, які чули про це, але не використовували.
  • Вперше чую: Респонденти, які не чули про це.

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
Середнє: "Використовував(-ла)":NaN%
Середнє: "Позитивно":NaN%
Середнє: "Негативно":NaN%

Main APIs Over Time

createContext
createPortal
forwardRef
Fragment
lazy
memo
Profiler
StrictMode
act

Режим:

Вигляд:

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

Частка респондентів, які використовували це
0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%

Hooks Over Time

useCallback
useContext
useDeferredValue
useEffect
useId
useMemo
useReducer
useRef
useState
useSyncExternalStore
useLayoutEffect

Режим:

Вигляд:

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

Частка респондентів, які використовували це
0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%

New APIs Over Time

React cache
Серверні компоненти React
Серверні дії
startTransition
Suspense
Taint API
use()
useFormStatus
useTransition
useActionState (попередньо useFormState)
useOptimistic

Режим:

Вигляд:

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

Частка респондентів, які використовували це
0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2024: Tanstack Start

Tanner, що працює повний робочий день, — це той імпульс, який потрібен Tanstack, щоб піднятися на новий рівень. І Tanner тримає свого слова, створивши стек Tanstack Start як довершення всієї екосистеми Tanstack.
Ми покликали спільноту React поділитися своїм "вибором року"

Jack Herrington

Головний інженер і YouTube-відеоблогер

Main APIs Pain Points

What pain points have you encountered related to the APIs mentioned above?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
1

2

3

4

Context API

5

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

6

7

Надмірні повторні рендери

8

9

Тестування

10

Обробка помилок

11

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

Відповіді, що відповідають ключу "Інші відповіді" 684
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
1,081
14%

Hooks Pain Points

What pain points have you encountered with hooks?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
1

2

Масиви залежностей

3

4

5

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

6

Надмірні повторні рендери

7

Управління станом (useState, Redux, Context тощо)

8

useLayoutEffect

9

10

11

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

Відповіді, що відповідають ключу "Інші відповіді" 528
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
722
9%

New APIs Pain Points

What pain points have you encountered related to new APIs?
Довільна форма
Множинний вибір
0%
20%
40%
60%
80%
100%
1

2

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

3

Проблеми форм

4

Проблеми Next.js

5

Інтеграція клієнта та сервера

6

7

8

9

SSR

10

11

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

Відповіді, що відповідають ключу "Інші відповіді" 284
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
322
4%

Список читання

25% респондентів додали елементи до свого списку для читання під час опитування, щоб дізнатися про них більше. Ось розбиття їхнього вибору.

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

777
2

674
3

621
4

619
5

612
6

584
7

551
8

524
9

504
10

502
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
Скільки разів кожен з елементів був доданий до списку читання респондента — функції, що дає змогу користувачам дізнатися більше про відповідні теми під час опитування.
1,946
25%

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

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.
A Tour of JavaScript & React Patterns
Lydia Hallie

A Tour of JavaScript & React Patterns

You’ll get an overview of more traditional design patterns with JavaScript, such as the Singleton and Proxy patterns. Then see React patterns such as the Hooks and Higher Order Component patterns.
Спонсорований вміст від наших партнерів. Детальніше.