#React
85 件の記事
Context とジェネリックコンポーネント
Context の型安全性パターン(null + ラッパーフック)、state · dispatch の分離、ジェネリックコンポーネント、そして多態コンポーネントの as prop まで一度に扱います。
E2E テスト — Playwright
Playwright で実ブラウザのフルシナリオを自動化。セットアップ、locator のルール、認証 storageState、ページオブジェクトパターン、flaky への対処、CI 統合と視覚回帰まで。
fetch と API レスポンスのタイピング
外部データを安全に扱う流れ — fetch は unknown、zod スキーマで検証と型を同時に。さらに RSC 環境で fetch が持つ意味まで押さえ、4部へとつなげます。
hooks のタイピング — useState · useReducer · useRef
ビルトインフックの型推論と明示する場面。useReducer の discriminated union アクション、useRef の 2 つの用途(DOM ref と値保管)、そして React 19 の ref-as-prop までを扱います。
Next.js の開始と App Router
Next.js 15 プロジェクトを作り、App Router のファイルベースルーティングと layout システムを手に馴染ませます。ファイル規約(page・layout・loading・error・not-found・route group)を一度に扱います。
props と children のタイピング
props 型の定義パターン、ReactNode と ReactElement と JSX.Element の違い、PropsWithChildren を使う場面、discriminated union まで一度に扱います。
React 19 新機能まとめ
Actions・useActionState・useFormStatus・useOptimistic・use()・React Compiler・ref as prop。第22~27章に散らばって登場した React 19 新機能を一か所にまとめて整理します。
React とは何か
React が何であり、なぜ作られたのかを整理し、2026 時点でなぜ依然として(そしてどのように)フロントエンドの標準として残っているのかをまとめます。本書の出発点です。
Server Actions とフォーム
Server Actions で API ルートなしに mutation を処理し、React 19 の `useActionState`・`useFormStatus`・`useOptimistic` で UX を整えるパターン。第4部締めくくりのミニプロジェクト(ゲストブック)まで。
Server Components vs Client Components
2 種類のコンポーネントの違い、`use client` ディレクティブの正確な意味、両方を混ぜて使うパターン(サーバーがクライアントを import / クライアントがサーバーを children として受け取る)、そして props シリアライズ制約まで。