İçeriğe atla

State of React 2023

Özellikler

We asked respondents about their thoughts on 28 distinct features, from omnipresent hooks such as useState, to more niche APIs like useDeferredValue. Be sure to try and sort by “sentiment”!

All Features

This chart recaps all of the survey's feature questions. The main bars represent a respondent's experience; and they are then further subdivided according to that respondent's sentiment. You can change the grouping to alternate between both.

Group by:

Sort by:

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

Deneyim

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Duygu

  • Pozitif: Bir teknoloji hakkında daha fazla bilgi edinmek isteyen veya bu teknolojiyi tekrar kullanmak isteyen katılımcılar.
  • Nötr: Bir teknoloji hakkında herhangi bir duygu belirtmeyen yanıtlayıcılar.
  • Negatif: Bir teknoloji hakkında daha fazla bilgi edinmekle ilgilenmeyen veya bu teknolojiyi kullanmış ve olumsuz bir deneyim yaşamış katılımcılar.
“Used” average:47%
“Positive” average:44%
“Negative” average:7%

Ana API'lerin Sorun Noktaları

Among the most common React APIs, forwardRef was by far the one generating the most pain for developers, with memo a close second. Thankfully the React team is in the process of rolling out better alternatives to both.

0%
13%
26%
40%
53%
66%
1

2

3

4

Context API

5

Excessive complexity

6

Excessive re-renderings

7

8

State management

9

Performance

10

Double rendering

11

Other Answers

Answers matching “Other Answers” 1,035
0%
13%
26%
40%
53%
66%
% of question respondents
1,566
12%
Yukarıda bahsedilen Ana API'lerde hangi sorunlarla karşılaştınız?
Freeform
We asked members of the React community to share their “pick of the year”

My 2023 Pick: 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.
We asked members of the React community to share their “pick of the year”

Jack Herrington

Principal Engineer and YouTuber

Hook'ların Sorun Noktaları

Unsurpringly, useEffect and useCallback were cited as the most problematice React hooks, in large part due to the management of dependency arrays.

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

Other Answers

Answers matching “Other Answers” 771
0%
14%
27%
41%
55%
68%
% of question respondents
1,131
9%
Hook'larda hangi sorunlarla karşılaştınız?
Freeform

Yeni API'lerde Sorun Noktaları

While React's ability to keep evolving and stay relevant over time is one of its best assets, it also comes at a cost and new APIs such as Server Components can definitely be tough to adopt.

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

2

Excessive complexity

3

Next.js issues

4

5

6

7

8

9

Lack of documentation

10

11

Other Answers

Answers matching “Other Answers” 394
0%
18%
37%
55%
73%
92%
% of question respondents
429
3%
Yeni API'lerde hangi sorunlarla karşılaştınız?
Freeform

Reading List

30% of respondents added at least one item to their reading list while taking the survey in order to learn more about them later. Here is a breakdown of their picks.

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%
% of question respondents
How many time each item was added to respondent's Reading List, a feature that lets people learn more about specific topics as they take the survey.
3,840
30%

Recommended Resources

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.
Thanks to our partners for supporting us! Learn more.