状態管理（Context API）
第49回 • 40枚
ナレーション
第49回 スライド1: 状態管理（Context API）
mindmap
root((状態管理))
Propsドリリング問題
Context API
createContext
Provider
useContext
useReducerパターン
テーマ切り替え実装
前回の復習
- React Routerの基本概念
- BrowserRouterとRoutes/Routeの設定
- useNavigate、useParamsフック
- ネストされたルーティング
本日の学習内容
- Propsドリリング問題とは
- Context APIの概要と仕組み
- createContextとProviderの使い方
- useContextフックでの値の取得
- Context + useReducerパターン
- 実践：テーマ切り替え機能の実装
学習目標
Context APIを使って、コンポーネント間で効率的に状態を共有できるようになる
1/40