Context API は、React で深い階層まで値を受け渡したいときに使う標準の仕組みです。
props を何段階も渡していく prop drilling を減らしたいときに登場しやすい考え方です。
まず押さえたいポイント
- React 標準なので追加ライブラリなしで使える
- 深い子コンポーネントまで値を渡しやすい
- ただし、何でも Context に入れると設計が散らかりやすい
どんな場面で使うか
- テーマ
- ログイン中ユーザー
- 言語設定
- 画面全体で参照する軽い共有設定
React 公式ドキュメントでも、Context は便利だが使いすぎに注意と案内されています。
まず props で十分かを考え、それでつらいときに Context を検討する流れが自然です。
Zustand との違い
Zustand は状態管理ライブラリで、Context API より共有状態の切り出しや更新を整理しやすい場面があります。
一方で、共有したい値が少なく単純なら Context API だけで十分なことも多いです。