DAY 50/3 完了

状態の設計と再利用 — 大きくしても壊れない作り

🎯 このDayを終えるとできること

共有したい状態を共通の親へ持ち上げ(lifting state up)、単一の情報源を意識できる。コンポーネントを責務で分割し、propsのバケツリレー(prop drilling)問題とContextが効く場面を理解する。use〜で始まるカスタムHookを読んで、ロジックとUIの分離を説明できる。

1
状態をどこに置くか — 共通の親へ持ち上げる
2つの部品で同じ値を使いたいとき、状態を共通の親へ持ち上げ、単一の情報源にまとめる考え方をつかむ。
設問 3 問
2
コンポーネント分割の指針とバケツリレー問題
責務・再利用・見通しで部品を分ける指針を学び、propsのバケツリレー(prop drilling)とContextで解決できることを軽くつかむ。
設問 3 問
3
カスタムHook — ロジックをまとめて再利用する
use〜で始まる自作関数にロジックをまとめて再利用し、ロジックとUIを分ける発想を、読めて説明できる形でつかむ。
設問 3 問