コース一覧
React状態管理:カスタムフック・Context・Reducer
第6章クイズ

React状態管理:カスタムフック・Context・Reducer

カスタムフック、フックのルール、Context、useContext、useReducer、Actionのunion型を扱う全21レッスンの状態管理コースです。fleamaの商品・フォーム・テーマ・ユーザー・カート状態を、再利用可能なロジックと予測可能な状態遷移へ整理します。

1
カスタムフック
01. なぜカスタムフックか10分
02. useItemsを作る15分
03. useFormを作る15分
04. フックのルール15分
05. フックに型を付ける15分
06. つくる - フック化完了20分
07. 第4章クイズ15分
2
useContext
01. バケツリレーの限界15分
02. Contextを作る15分
03. useContextで使う15分
04. テーマの全体共有15分
05. ユーザー情報の共有15分
06. つくる - Context整備20分
07. 第5章クイズ15分
3
useReducer
01. setStateの散らかり15分
02. useReducer15分
03. Actionのunion型15分
04. カートreducer15分
05. 使い分け10分
06. つくる - カート完成20分
07. 第6章クイズ15分

React状態管理:カスタムフック・Context・Reducer

01なぜカスタムフックか
02useItemsを作る
03useFormを作る
04フックのルール
05フックに型を付ける
06つくる - フック化完了
07第4章クイズ
08バケツリレーの限界
09Contextを作る
10useContextで使う
11テーマの全体共有
12ユーザー情報の共有
13つくる - Context整備
14第5章クイズ
15setStateの散らかり
16useReducer
17Actionのunion型
18カートreducer
19使い分け
20つくる - カート完成
21第6章クイズ

第6章クイズ

クイズ1

reducer の役割の説明として正しいものはどれですか。

クイズ2

カートの action をユニオン型で表します。最も適切なものはどれですか。

クイズ3

reducer の中で switch (action.type) を書き、case "REMOVE" の中にいます。ここで起きていることはどれですか。

クイズ4

次のうち、useReducer より useState のほうが向いているものはどれですか。

クイズ5

case "ADD" に cart.push({ item: action.item, qty: 1 }); return cart; と書きました。何が起きますか。

未回答の問題は、不正解として正解と解説のみ表示します

ログインが必要です

クイズに回答するにはログインしてください。