state-management

状態管理

ユースケースごとに適切な状態管理ソリューションを選びます。

適用条件

• グローバル状態の管理
• ナビゲーションをまたいだ状態の永続化
• コンポーネント間でのデータ共有
• Zustand と React Query に関する質問

クイックリファレンス

アクション	ルール
ストアから読み取る	use-zustand-selectors.md
状態を永続化する	use-zustand-persist.md
サーバーデータを取得する	use-react-query-for-server.md

判断ツリー

Is it server data (API response)?
├── Yes → React Query / Connect Query
│         (caching, refetching, invalidation)
└── No → Is it URL state?
    ├── Yes → React Router
    │         (search params, path params)
    └── No → Is it form state?
        ├── Yes → React Hook Form
        │         (validation, submission)
        └── No → Is it shared across components?
            ├── Yes → Zustand
            │         (global, persisted)
            └── No → useState / useReducer
                      (local component state)

ルール

詳細なガイダンスについては、rules/ ディレクトリを参照してください。