Gå til innhold

State of React 2024

Funksjoner

Vi spurte respondentene om deres tanker om 28 distinkte funksjoner, fra allestedsnærværende hooks som useState, til mer nisje API-er som useDeferredValue. Sørg for å prøve å sortere etter "sentiment"!

Alle funksjoner

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.

Filter by:

Gruppér etter:

Sorter etter:

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

Erfaring

  • Brukt det: Respondents who have used an item.
  • Hørt om det: Respondents who have heard about an item, but haven't used it.
  • Aldri hørt om det: Respondents who have never heard about an item.

Oppfatning

  • Positiv: Respondenter som er interessert i å lære mer om en teknologi; eller er villige til å bruke den igjen.
  • Nøytral: Respondenter som hadde en nøytral oppfatning av en teknologi.
  • Negativ: Respondenter som ikke er interessert i å lære mer om en teknologi; eller har brukt den og hatt en negativ opplevelse.
“Used” average:NaN%
“Positive” average:NaN%
“Negative” average:NaN%

Main APIs Over Time

createContext
createPortal
forwardRef
Fragment
lazy
memo
Profiler
StrictMode
act

Modus:

Visning:

Bruk:

Proportion of respondents having used an item
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

Modus:

Visning:

Bruk:

Proportion of respondents having used an item
0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%

New APIs Over Time

React cache
React Server Components
Server Actions
startTransition
Suspense
Taint API
use()
useFormStatus
useTransition
useActionState (formerly useFormState)
useOptimistic

Modus:

Visning:

Bruk:

Proportion of respondents having used an item
0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%
Vi spurte medlemmer av React-fellesskapet om å dele sitt "årets valg"

Min valg for 2024: Zustand

Enkel, elegant, utvidbar tilstandshåndtering som "bare fungerer" (tm). I dag er det kanskje ikke alltid nødvendig med tilstandshåndtering, men hvis du trenger det, er Zustand et flott sted å begynne.
Vi spurte medlemmer av React-fellesskapet om å dele sitt "årets valg"

Jack Herrington

Principal Engineer og YouTuber

Main APIs Pain Points

What pain points have you encountered related to the APIs mentioned above?
Fritekstformat
Multiple
0%
20%
40%
60%
80%
100%
1

2

3

4

Context API

5

Excessive complexity

6

7

Excessive context re-renderings

8

9

Testing

10

Error handling

11

Andre svar

Svar som matcher “Andre svar” 684
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
1,081
14%

Hooks Pain Points

What pain points have you encountered with hooks?
Fritekstformat
Multiple
0%
20%
40%
60%
80%
100%
1

2

Dependency arrays

3

4

5

Excessive complexity

6

Excessive rerendering

7

Statehåndtering (useState, Redux, Context, etc.)

8

useLayoutEffect

9

10

11

Andre svar

Svar som matcher “Andre svar” 528
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
722
9%

New APIs Pain Points

What pain points have you encountered related to new APIs?
Fritekstformat
Multiple
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

Andre svar

Svar som matcher “Andre svar” 284
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
322
4%

Lestelisten

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%
% besvarelser på spørsmål
Hvor mange ganger hvert element ble lagt til en respondentens leseliste, funksjoner som lar folk lære mer om spesifikke emner mens de tar undersøkelsen.
1,946
25%

Anbefalte ressurser

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.
Takk til våre partnere for deres bidrag! Lær mer.