メインコンテンツにスキップ

State of React 2025

機能

構文、キーワード、そのほかの言語機能

All Features

特に大きな驚きはありませんが、興味深いのはServer ComponentsとServer Functionsがそれぞれ3番目と4番目に嫌われている機能であることです。これは、Reactがより完全なフルスタックフレームワークへと次の大きな飛躍を支えるはずだった新しいAPI群にとって、懸念すべき状況です。

カテゴリー:

ベースライン状態:

グループ化:

ソート基準:

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

経験

  • 使ったことがある: Respondents who have used an item.
  • 知っている: Respondents who have heard about an item, but haven't used it.
  • 知らない: Respondents who have never heard about an item.

所感

  • 肯定的: その技術について詳しく知りたい、あるいは今後も継続して利用したいと考えている回答者。
  • 中立: その技術に対して、肯定・否定のどちらの感情も示さなかった回答者
  • 否定的: その技術についてこれ以上学ぶ意欲がない、あるいは、実際に使用して否定的な印象を抱いた回答者。
“Used” average:48%
“Positive” average:37%
“Negative” average:8%

Main APIs Over Time

Reactは成熟したライブラリであり、その主要なAPIの利用動向はのかなり予想しやすいものになっています。
createContext
createPortal
forwardRef
<Fragment>
lazy
memo
<Profiler>
<StrictMode>
act

モード:

表示:

利用率:

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

Hooks Over Time

hooksに関しては、useIdが急速に採用されてきています。また、useEffectは依然として最も使用されているhooks APIの1つですが、満足度の比率が最低水準であり、多くの開発者が useEffect の扱いにくいリアクティブモデルに苦労しているという実態を改めて浮き彫りにしています。
useCallback
useContext
useDeferredValue
useEffect
useId
useMemo
useReducer
useRef
useState
useSyncExternalStore
useLayoutEffect

モード:

表示:

利用率:

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

New APIs Over Time

Server ComponentsとServer Functionsはどちらも徐々に人気を高めていますが、Suspenseは最も高い採用率を持つ新機能です。

また、Suspenseは満足度も非常に高くなっています。残念ながら、先述したサーバー関連のAPIについては、まだそこまでの満足度には至っていません。

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

モード:

表示:

利用率:

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

Main APIs Pain Points

forwardRefは長い間React開発者の悩みの種でしたが、それがReact 19で非推奨になったことは、まさに待望のニュースでした。
What pain points have you encountered related to the APIs mentioned above?
Freeform
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
Testing
-1
10
Excessive boilerplate
+2
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
465
12%
20
5

Hooks Pain Points

再び、Reactを使う開発者はuseEffectに対する不満をはっきりと明確に示しています。
What pain points have you encountered with hooks?
Freeform
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
State management (useState, Redux, Context, etc.)
-3
10
Rendering issues
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
346
9%
20
5

New APIs Pain Points

以前のグラフで示唆されていたように、回答者はServer Componentsに対してかなりの不満を持っています。
What pain points have you encountered related to new APIs?
Freeform
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%
回答数に占める割合（%）
165
4%
20
5

Reading List

<ViewTransition> APIはまだReact Canaryでのみ利用可能ですが、<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%
回答数に占める割合（%）
回答者がアンケートに回答しながら特定のトピックについて詳しく学べる機能「Reading List」に、各項目が追加された回数。
2,419
64%
20
10

おすすめのリソース

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.
パートナーのサポートに感謝しています！ 詳細をみる。