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

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

Досвід

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

Ставлення

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

Проблеми основних API

Як і минулого року, forwardRef і memo були найбільш проблемними серед найпоширеніших API React'y. Оскільки React 19 вже доступний і намагається вирішити обидві проблеми, цікаво подивитися, який вигляд матиме ця діаграма наступного року.

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%
З якими проблемами ви стикалися під час використання вищезазначених API?
Довільна форма
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2024: Zustand

Simple, elegant, extensible state management that "just works" (tm). Nowadays, you might not need state management, but if you do, Zustand is a great place to start.
Ми покликали спільноту React поділитися своїм "вибором року"

Jack Herrington

Principal Engineer and YouTuber

Проблеми хуків

useEffect все ще залишається найбільш проблемним хуком React — значною мірою через ручне управління масивами залежностей.

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

2

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

3

4

5

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

6

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

7

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

8

useLayoutEffect

9

10

11

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

Відповіді, що відповідають ключу "Інші відповіді" 528
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
722
9%
З якими проблемами ви стикалися під час використання хуків?
Довільна форма

Проблеми нових API

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

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%
З якими проблемами ви стикалися під час використання нових API?
Довільна форма

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

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.
Спонсорований вміст від наших партнерів. Детальніше.