コース一覧
React設計:useEffectとコンポーネント分割
第7章クイズ

React設計:useEffectとコンポーネント分割

副作用、useEffect、依存配列、クリーンアップ、stateの持ち上げ、propsの受け渡し、1コンポーネント1責務、部品ツリーとフォルダ構成を扱う全19レッスンの設計コースです。JavaScript版プロフィールサイトを、状態と責務が整理されたReactアプリとして完成させます。

1
useEffectのきほん
01. 副作用とは10分
02. useEffect15分
03. 依存配列15分
04. タイトル連動15分
05. 時計とクリーンアップ15分
06. つくる - ヘッダー時計20分
07. 第7章クイズ15分
2
コンポーネント分割の設計
01. 部品ツリーで考える10分
02. stateを持ち上げる15分
03. propsのバケツリレー15分
04. 1部品1責務15分
05. フォルダ構成10分
06. つくる - ツリー整理20分
07. 第8章クイズ15分
3
総合制作
01. 全セクションReact化20分
02. メモウィジェットReact版20分
03. 命令的vs宣言的10分
04. 自由拡張20分
05. 完成と次のステップ10分

React設計:useEffectとコンポーネント分割

01副作用とは
02useEffect
03依存配列
04タイトル連動
05時計とクリーンアップ
06つくる - ヘッダー時計
07第7章クイズ
08部品ツリーで考える
09stateを持ち上げる
10propsのバケツリレー
111部品1責務
12フォルダ構成
13つくる - ツリー整理
14第8章クイズ
15全セクションReact化
16メモウィジェットReact版
17命令的vs宣言的
18自由拡張
19完成と次のステップ

第7章クイズ

クイズ1

次のうち、副作用にあたるものはどれですか。

クイズ2

useEffect(() => { ... }, []) の処理はいつ実行されますか。

クイズ3

useEffect の第2引数を書かなかった場合、どうなりますか。

クイズ4

useEffect の中で作った setInterval を、クリーンアップ関数で clearInterval する理由はどれですか。

クイズ5

いいね数 likes が変わったときだけタブのタイトルを更新したいとき、useEffect の第2引数はどう書きますか。

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

ログインが必要です

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