状態管理ライブラリ5選
🏆 人気上位5つの状態管理ライブラリ（React向け）
| 順位 | ライブラリ | 特徴 |
|---|---|---|
| 1️⃣ | Zustand | 軽量・シンプル・Hooks API。Context不要で高速 |
| 2️⃣ | Redux Toolkit | Reduxの公式推奨パッケージ。設定が簡単でスケーラブル |
| 3️⃣ | Recoil | Facebook製。依存グラフで派生状態や最小限レンダリング制御 |
| 4️⃣ | Jotai | アトムベースで超軽量。状態の粒度が細かく、柔軟な設計 |
| 5️⃣ | MobX | リアクティブ＆OOPベースのアプローチ |
📋 「できる／できない」機能比較表
| 機能 / ライブラリ | Zustand | Redux Toolkit | Recoil | Jotai | MobX |
|---|---|---|---|---|---|
| グローバル状態の共有 | ✅ | ✅ | ✅ | ✅ | ✅ |
| Context不要 | ✅ | ❌（必要） | ✅ | ✅ | ✅ |
| 型安全（TypeScript対応） | ✅ | ✅ | ✅ | ✅ | △※ |
| 状態の一部購読（再レンダリング最適化） | ✅ | ✅（仕組みが必要） | ✅ | ✅ | ✅ |
| 状態の永続化（localStorageなど） | ✅（middleware） | ❌（自前実装） | ❌（実験的） | ❌（自前） | ✅（MobX-Persist） |
| 派生状態（computed） | △（useMemo併用） | ✅（reselectなど） | ✅ | ✅ | ✅ |
| 非同期処理の統合 | ✅（直接可） | ✅（createAsyncThunk） | ❌（非同期は外部で管理） | ✅ | ✅ |
| ステートマシン的挙動 | ❌ | ❌ | △ | ❌ | ❌ |
| 複雑な状態構造 | △ | ✅ | ✅ | △ | ✅ |
| 学習コスト | 低 | 中 | 中 | 低 | 中 |
| エコシステムの充実度 | 中 | ✅（巨大） | 中 | 中 | 中 |