Salt la conținut

State of React 2024

Funcționalități

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.

Worth highlighting this year: createPortal, while only used by 46.4% of respondents, was the fifth most loved feature. The Taint API on the other hand was both the least used and most unknown feature – which make sense since it's still experimental.

On the opposite end of the spectrum, useState was not only the most used feature but also the most beloved with only 1.26% of negative sentiment, which goes to show that simple solutions will always have their place.

Group by:

Sort by:

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

Experience

  • 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.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:48%
“Positive” average:35%
“Negative” average:8%

Puncte slabe ale API-urilor

Just like last year, forwardRef and memo were the top pain points among the most common React APIs. With React 19 now out and promising to alleviate both issues, it'll be interesting to see what this chart looks like next year.

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

2

3

4

Context API

5

Excessive complexity

6

7

Excessive re-renderings

8

9

Testing

10

Error handling

11

Alte răspunsuri

Answers matching “Alte răspunsuri” 684
0%
20%
40%
60%
80%
100%
% din respondenții la întrebare
1,081
14%
Care sunt punctele slabe pe care le-ai întâlnit în legătură cu API-urile menționate mai sus?
(întrebare deschisă)
We asked members of the React community to share their “pick of the year”

My 2024 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

Puncte slabe ale hook-urilor

useEffect is still the most problematic React hook, in large part due to having to manually manage dependency arrays.

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

2

Dependency arrays

3

4

5

Excessive complexity

6

Excessive rerendering

7

State management

8

useLayoutEffect

9

10

11

Alte răspunsuri

Answers matching “Alte răspunsuri” 528
0%
20%
40%
60%
80%
100%
% din respondenții la întrebare
722
9%
Care sunt punctele slabe pe care le-ai întâlnit în legătură cu hook-urile?
(întrebare deschisă)

Puncte slabe ale API-urilor noi

React Server Components and overall complexity are still the top pain points when it comes to taking advantage of React's newer features.

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

2

Excessive complexity

3

Form issues

4

Next.js issues

5

Frontend and backend integration

6

7

8

9

SSR

10

11

Alte răspunsuri

Answers matching “Alte răspunsuri” 284
0%
20%
40%
60%
80%
100%
% din respondenții la întrebare
322
4%
Care sunt punctele slabe pe care le-ai întâlnit în legătură cu noile API-uri?
(întrebare deschisă)

Lista de lectură

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

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%
% din respondenții la întrebare
Funcția “Lista de lectură” le permite respondenților să salveze în timp ce completează sondajul elemente despre care vor să afle mai multe; la finalul sondajului le este oferită o listă cu resurse utile.
1,946
25%

Resurse recomandate

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.
Mulțumim partenerilor noștri pentru susținere! Află mai multe.