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

State of React 2025

使用状況

React Usage

ほとんどの回答者が依然としてReactを使用してWebアプリを構築していることに驚きはないでしょう。しかし、この図はデザインシステムが今やWeb開発プロセスの不可欠な部分であることも示しています。
What do you use React for?
Multiple
0%
20%
40%
60%
80%
100%
1
Web apps
2,559
2
Design systems
+1
1,266
3
Static sites
-1
1,172
4
Hybrid sites
991
5
Mobile apps
926
6
Desktop apps
563
7
その他の回答
9
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
2,653
71%
10

React Version

アンケート回答者はコミュニティ全体よりも情報に敏感な傾向がありますが、それでも多くの人がすでにReact 19にアップグレードしていることは注目に値します。
Which version of React do you use the most on a daily basis?
0%
20%
40%
60%
80%
100%
1
16.x
63
2
17.x
100
3
18.x
1,089
4
19.x
1,277
5
Canary
-1
11
6
Not sure
-1
96
7
その他の回答
7
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
2,636
70%
10

Application Patterns

Next.jsのような最新のフレームワークは、きめ細かなレンダリングを主な売りにしていますが 、ほとんどの回答者が依然として3大レンダリングパターン(SPA、SSR、SSG)に依存しているという点には注意が必要です。
Which of the following architecture and rendering patterns have you used in the last year?
Multiple
0%
20%
40%
60%
80%
100%
01
Single Page Application (SPA)
2,167
02
Server-Side Rendering (SSR)
1,554
03
Static Site Generation (SSG)
1,127
04
Incremental Static Generation
+1
643
05
Partial Hydration
+1
638
06
Multi-Page Application (MPA)
-2
600
07
Streaming SSR
449
08
Islands Architecture
353
09
Progressive Enhancement
329
10
Edge Rendering
297
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
2,566
68%
10

New Features

私たちの多くはReact Compilerに期待しています。私たちが大きな努力をせずともパフォーマンスが向上することを約束してくれています。

その一方で、Server ComponentsもWebアプリのパフォーマンス向上に寄与する存在ではありますが、その導入過程で開発者が度々多くの困難に直面してきたことも事実です。 登場からすでに数年が経過しているという背景もあり、現在の開発コミュニティにおける期待感は、かつてほど高まっていないのが現状です。

Which of these recent and upcoming new features are you most excited about?
Multiple
0%
20%
40%
60%
80%
100%
01
React Compiler
1,559
02
ref as a Prop
+2
664
03
React cache
+2
625
04
-1
622
05
React Server Components
-3
516
06
Asset Loading
+2
500
07
445
08
New Documentation
-2
437
09
+4
369
10
-1
234
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
2,529
67%
10

Other Pain Points

Any other React pain points that you would like to mention?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
01
React issues
02
Performance
03
Excessive Re-rendering
+12
04
Excessive complexity
-3
05
State management (useState, Redux, Context, etc.)
-2
06
nextjs_issues
-2
07
Build tools issues
08
+6
09
Server components
10
Hooks issues
11
Ecosystem issues
+1
12
Rendering issues
13
その他の回答
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
113
3%
5

Meta Involvement

Meta社ほど、その歴史の中で数多のドラマを生み出してきたテック企業は稀でしょう。しかし、それがReactの運営に対する不信感に繋がっているかと言えばそうではなく、回答者の多くは同社の管理体制を中立的、あるいは肯定的に捉えています。
How would you describe your feelings towards Meta's involvement with React?
0%
20%
40%
60%
80%
100%
1
Very negative
112
2
Negative
264
3
Neutral
1,469
4
Positive
551
5
Very positive
153
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
2,549
68%
2.1
2
10

Vercel Involvement

Reactエコシステムのもう一つの大きなプレーヤーであるVercelに関しては、これは必ずしも当てはまりません。

依然として過半数は中立的な立場をとっていますが、否定的な意見が肯定的なものを上回っており、その背景には、ロックインへの懸念、不要な機能の押し付け、そして創業者の政治的立場をめぐる物議などが、ネガティブな見方をする要因として挙げられています。

How would you describe your feelings towards Vercel's involvement with React?
0%
20%
40%
60%
80%
100%
1
Very negative
335
2
Negative
575
3
Neutral
996
4
Positive
490
5
Very positive
151
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
2,547
68%
1.8
2
10

React Foundation Involvement

MetaやVercelに対する反応とは対照的に、先日発表されたReact Foundationへの世論は圧倒的に好意的であり、よりオープンで中立的なガバナンスへの移行をコミュニティが心から歓迎していることの表れだと言えるでしょう。
How would you describe your feelings towards the React Foundation's involvement with React?
0%
20%
40%
60%
80%
100%
1
Very negative
18
2
Negative
30
3
Neutral
1,198
4
Positive
802
5
Very positive
447
0%
20%
40%
60%
80%
100%
回答数に占める割合（%）
2,495
66%
2.7
3
10

Happiness

幸福度全体にわずかな低下傾向が見られますが、これが懸念すべき事態なのか、あるいは単なる一時的な数値の変動に過ぎないのかを判断するには時期尚早です。その答えについては、来年の報告をお待ちください！
How happy are you with the current state of React?
1
2
3
4
5
2024
2025
1
2
3
4
5
平均
2,623
70%
3.6
4
10

おすすめのリソース

React and TypeScript, v3
Steve Kinney
Temporal

React and TypeScript, v3

Write higher-quality code with React and TypeScript. Add critical type safety to hooks and component design systems. Learn patterns for complex state management with reducers and discriminated unions.
Intermediate Next.js
Scott Moss
Netflix

Intermediate Next.js

Level up your Next.js skills to build production-ready applications. Dive into advanced concepts like server actions, route slots, and data fetching strategies.
パートナーのサポートに感謝しています！ 詳細をみる。