学習ロードマップ
React Hooks 習熟
useState/useEffect/useMemo の挙動を正しく理解し、依存配列と再レンダリングを自分で説明できる段階まで 5 冊で引き上げる。
SCROLL TO BEGIN
学習ロードマップ
useState/useEffect/useMemo の挙動を正しく理解し、依存配列と再レンダリングを自分で説明できる段階まで 5 冊で引き上げる。
このロードマップが扱うもの
- React の JSX は書けるが、useEffect の依存配列で何度もハマっているエンジニア - useMemo / useCallback を「とりあえず」で付けて、効いているか検証できていない実務者 - Next.js や TypeScript 環境で、Hooks の責務分担を自力で設計したい中級者
このロードマップの全体像
ロードマップ
第 1 章
useState から useReducer までを小さなサンプルで追える入門書。つまずきやすい依存配列と再レンダリングの感覚を最初に整える一冊として置く。
Hooks を使う前提となるコンポーネントと props 設計を体系立てて押さえる。1 冊目の挙動理解を、アプリ全体の構造に接続する役割を担わせる。
実際に動くアプリを組み立てながら、状態管理・副作用・カスタムフックを横断的に扱う定番書。Hooks を組み合わせて設計する視点をここで獲得する。
React/Next.js と TypeScript を合わせ、props・state・ref に過不足ない型を載せる実務パターン集として読む。誤用をコンパイル時に弾く基準を作る。
Server Components と Client Components の境界で、どの Hooks が使えるかを整理する到達点。最新 Next.js/React 前提で Hooks の置き場所を判断する軸を固める。