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

State Management

Libraries for managing application state

State Management Ratios Over Time

Reduxとその後継であるRedux Toolkitは長い間最も広く使われている状態管理ソリューションでしたが、Zustandは急速に勢力を伸ばしています。ユーザー満足度の面でもトップクラスの人気を誇っていることを踏まえれば、今やZustandはこの分野における実質的なリーダーであると言っても過言ではないでしょう。
Jotai
MobX
Recoil
Redux
Redux Toolkit
XState
Zustand
Effector

モード:

表示:

利用率:

Proportion of respondents having used an item
0%
20%
40%
60%
80%
100%
2023
2024
2025
0%
20%
40%
60%
80%
100%
多くの回答者は状態管理ツールを全く使用しておらず、useStateuseContextのようなファーストパーティのAPIが、やりたいことを行うのに十分であることが多いことを示しています。
0%
7%
14%
20%
27%
34%
1
0
1,271
2
1
505
3
2
778
4
3
674
5
4
346
6
5
131
7
6
43
8
7
10
9
8
2
0%
7%
14%
20%
27%
34%
%の質問回答数

Other State Management Libraries

TanStack Queryはデータクエリライブラリとして認識されているかもしれませんが、状態管理も処理できるという事実により、このカテゴリーにおいても優れたツールといえます。
What other libraries have you used to manage state in your apps?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
02
+1
03
-2
+3
05
+4
+7
07
+3
09
-2
-5
11
その他の回答
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

State Management Pain Points

優れた状態管理ソリューションには、絶妙なバランス感覚が求められます。機能が限定的すぎれば、実用性に欠け採用されることはありません。逆に複雑すぎれば、開発体験を損なうことになります。
What pain points have you encountered related to state management?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
01
Excessive complexity
02
Excessive boilerplate
+1
03
Excessive Re-rendering
04
Global state management
+1
05
Configuration
+9
06
Synchronization issues
07
Overuse
+10
08
Excessive verbosity
09
10
その他の回答
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

おすすめのリソース

State Management at Scale in React & Next.js
David Khourshid
Microsoft

State Management at Scale in React & Next.js

Solve challenging state management problems and build applications that reliably scale with your team. Recognize anti-patterns and learn complex state optimizations with data normalization, form data, and reducers.
State Modeling in React with XState
David Khourshid
Microsoft

State Modeling in React with XState

XState helps you manage both local and global component states in React. In this course, we'll be learning to model state before we code using state machines and statecharts and then use those in our app to orchestrate complex app logic.
パートナーのサポートに感謝しています! 詳細をみる。