Lompat menuju konten

State of React 2025

Fitur

sintaks, kata kunci, dan fitur bahasa pemrograman lainnya.

All Features

While there aren't any major surprises here, it's interesting to note that Server Components and Server Functions are the third and fourth most disliked features respectively, which is troubling for a set of new APIs that was supposed to pave the way towards React's next big evolution towards a more complete full-stack framework.

Category:

Baseline Status:

Kelompokkan berdasarkan:

Urutkan berdasarkan:

01
Hook
98.8%
3,166
02
Hook
98%
3,177
03
API utama
97.4%
3,665
04
Hook
94.7%
3.8%
3,171
05
Hook
93.6%
4.8%
3,180
06
Hook
92.6%
5.9%
3,178
07
Hook
91.2%
6.5%
3,187
08
API utama
86%
7.9%
3.3%
3,701
09
API utama
80.3%
15.1%
3.7%
3,644
10
API utama
77.3%
14.8%
6.7%
3,667

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:48%
“Positive” average:37%
“Negative” average:8%

Main APIs Over Time

React is a mature library, and that translates into fairly predictable usage curves for its main APIs.
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
2025
0%
20%
40%
60%
80%
100%

Hooks Over Time

When it comes to hooks, useId has been gaining adoption quickly. And while useEffect is still one of the most-used hooks APIs, it's also the one with the lowest satifaction ratio, confirming many developers' issues with the hook's finicky reactivity model.
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
2025
0%
20%
40%
60%
80%
100%

New APIs Over Time

While Server Components and Server Functions are both slowly growing in popularity, Suspense is the new feature with the highest adoption rate.

It also boasts a high satisfaction ratio, which sadly isn't the case for the aforementioned server APIs.

React cache
React Server Components
Server Functions
startTransition
<Suspense>
Taint API
use()
useFormStatus
useTransition
useActionState (formerly useFormState)
useOptimistic
<form> Actions
<ViewTransition>
<Activity>
React Compiler
useEffectEvent

Mode:

View:

Pemakaian:

Proposi dari responden yang pernah memakai sebuah item
0%
20%
40%
60%
80%
100%
2023
2024
2025
0%
20%
40%
60%
80%
100%

Titik Sakit API Utama

forwardRef has long been the bane of React developers, which is why seeing it deprecated in React 19 was such welcome news.
Apa saja titik sakit yang pernah anda hadapi berhubungan dengan API-API yang disebutkan di atas?
(Pertanyaan bebas)
Multiple
0%
20%
40%
60%
80%
100%
01
02
+1
03
Memoization issues
04
Excessive complexity
+1
05
Context API
-1
06
07
React issues
08
-1
09
Pengetesan
-1
10
Excessive boilerplate
+2
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
465
12%
20
5

Titik Sakit Hook

Once again, React developers are coming through loud and clear with their annoyance at useEffect.
Apa saja titik sakit yang pernah anda hadapi berhubungan dengan hook?
(Pertanyaan bebas)
Multiple
0%
20%
40%
60%
80%
100%
01
02
Dependency Arrays
03
04
Excessive complexity
+1
05
React issues
06
-2
07
Excessive Re-rendering
-1
08
+1
09
Pengelola state (useState, Redux, Context, etc.)
-3
10
Rendering issues
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
346
9%
20
5

Titik Sakit API baru

As foreshadowed by previous charts, respondents have their fair share of gripes with Server Components.
Apa saja titik sakit yang pernah anda hadapi berhubungan dengan API baru?
(Pertanyaan bebas)
Multiple
0%
20%
40%
60%
80%
100%
01
React issues
02
Excessive complexity
03
Form issues
04
Server components
05
Build tools issues
06
Frontend and backend integration
-1
07
-1
08
09
+3
10
React Server Components
-11
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
165
4%
20
5

Daftar Baca

The <ViewTransition> API may still only be available in React Canary, but it's already generating a lot of curiosity among respondents, along with <Profiler>.
0%
20%
40%
60%
80%
100%
01
+3
1,370
02
999
03
994
04
React cache
-3
986
05
969
06
950
07
-4
941
08
React Compiler
921
09
-7
916
10
-2
893
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.
2,419
64%
20
10

Rekomendasi Sumber

The Complete Intro to React Course, v9
Brian Holt
Databricks

The Complete Intro to React Course, v9

Learn to build real-world apps with React 18 and React 19. Use tools like Vite, ESLint, and Prettier to scaffold a project and the latest React and TanStack features to build a complete e-commerce application.
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.