Lompat menuju konten

State of React 2024

Fitur

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.

Filter by:

Kelompokkan berdasarkan:

Urutkan berdasarkan:

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

Pengalaman

  • <span aria-hidden="true">🤓</span> Sudah pakai: Responden yang sudah pakai.
  • <span aria-hidden="true">👀</span> Pernah dengar: Responden yang sudah dengar, tetapi belum pernah pakai.
  • <span aria-hidden="true">🤷</span> Belum pernah dengar: Responden yang belum pernah dengar.

Sentimen

  • Positif: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
  • Netral: Responden yang tidak memiliki sentimen akan sebuah teknologi.
  • Negatif: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
“Used” average:NaN%
“Positive” average:NaN%
“Negative” average:NaN%

Main APIs Over Time

createContext
createPortal
forwardRef
Fragment
lazy
memo
Profiler
StrictMode
act

Mode:

View:

Pemakaian:

Proposi dari responden yang pernah memakai sebuah 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

Mode:

View:

Pemakaian:

Proposi dari responden yang pernah memakai sebuah 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

Mode:

View:

Pemakaian:

Proposi dari responden yang pernah memakai sebuah item
0%
20%
40%
60%
80%
100%
2023
2024
0%
20%
40%
60%
80%
100%
We asked members of the React community to share their “pick of the year”

My 2024 Pick: Tanstack Start

Full-time Tanner is just the boost that Tanstack needed to take it next level. And Tanner is delivering on the promise of his stack with Tanstack Start on top of the whole Tanstack ecosystem.
We asked members of the React community to share their “pick of the year”

Jack Herrington

Principal Engineer and YouTuber

Main APIs Pain Points

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

2

3

4

Context API

5

Excessive complexity

6

7

Excessive context re-renderings

8

9

Pengetesan

10

Error handling

11

Lainnya

Jawaban yang cocok dengan “Lainnya” 684
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
1,081
14%

Hooks Pain Points

What pain points have you encountered with hooks?
(Pertanyaan bebas)
Multiple
0%
20%
40%
60%
80%
100%
1

2

Dependency arrays

3

4

5

Excessive complexity

6

Excessive rerendering

7

Pengelola state (useState, Redux, Context, etc.)

8

useLayoutEffect

9

10

11

Lainnya

Jawaban yang cocok dengan “Lainnya” 528
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
722
9%

New APIs Pain Points

What pain points have you encountered related to new APIs?
(Pertanyaan bebas)
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

Lainnya

Jawaban yang cocok dengan “Lainnya” 284
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
322
4%

Daftar Baca

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%
% dari pertanyaan responden
Seberapa banyak sebuah item ditambahkan ke daftar baca responden, sebuah fitur yang memungkinkan responden untuk mempelajari lebih lanjut tentang topik tertentu saat mereka mengisi survei.
1,946
25%

Rekomendasi Sumber

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.
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.