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

State of React 2023

Функції

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

Усі функції

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

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

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

1

98.7%
9,907
2

98.7%
11,063
3

97.5%
12,637
4

93%
5.5%
11,029
5

90.6%
7.9%
11,073
6

86.1%
11.6%
11,033
7

85.4%
11.1%
3.5%
12,766
8

85.3%
11.6%
3.2%
11,090
9

73.4%
20.5%
6.1%
12,584
10

68.3%
19.5%
12.3%
12,632

Досвід

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

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
“Used” average:47%
“Positive” average:44%
“Negative” average:7%

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

Серед найпоширеніших API React-у найбільше страждань розробникам завдали forwardRef і memo. На щастя, команда React наразі запускає кращі альтернативи обом.

0%
13%
25%
38%
50%
63%
1

2

3

Context API

Відповіді, що відповідають ключу “Context API” 331
4

5

Excessive complexity

6

7

State management

8

Performance

9

Double rendering

10

11

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

Відповіді, що відповідають ключу “Інші відповіді” 986
0%
13%
25%
38%
50%
63%
% від тих, хто відповів на питання
1,566
12%
З якими проблемами ви стикалися під час використання вищезазначених API?
Довільна форма
Ми покликали спільноту React поділитися своїм "вибором року"

Мій вибір 2023: Zustand

Просте, елегантне, розширюване управління станом, яке "просто працює" (ТМ). Сьогодні вам може і не потрібне управління станом, але якщо так, то Zustand — чудове місце для початку.
Ми покликали спільноту React поділитися своїм "вибором року"

Jack Herrington

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

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

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

0%
14%
27%
41%
55%
68%
1

2

Dependency Arrays

3

4

5

State management

6

Excessive complexity

7

8

9

Excessive rerendering

10

11

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

Відповіді, що відповідають ключу “Інші відповіді” 771
0%
14%
27%
41%
55%
68%
% від тих, хто відповів на питання
1,131
9%
З якими проблемами ви стикалися під час використання хуків?
Довільна форма

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

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

0%
18%
37%
55%
73%
92%
1

2

Excessive complexity

3

Next.js issues

4

5

form_issues

6

7

8

9

Lack of documentation

10

11

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

Відповіді, що відповідають ключу “Інші відповіді” 394
0%
18%
37%
55%
73%
92%
% від тих, хто відповів на питання
429
3%
З якими проблемами ви стикалися під час використання нових API?
Довільна форма

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

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

0%
9%
19%
28%
37%
46%
1

1,777
2

1,720
3

1,591
4

1,387
5

1,381
6

1,279
7

1,256
8

1,238
9

1,231
10

1,098
0%
9%
19%
28%
37%
46%
% від тих, хто відповів на питання
Скільки разів кожен з елементів був доданий до списку читання респондента — функції, що дає змогу користувачам дізнатися більше про відповідні теми під час опитування.
3,840
30%

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

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.
Дякуємо нашим партнерам за підтримку! Детальніше.