#React
85 件の記事
Suspense と use() でローディング処理
Suspense の境界モデルで streaming レンダリングを作り、`loading.tsx`・skeleton fallback・React 19 で安定化された `use()` フックまで整理します。
TypeScript + React セットアップ
Vite + TypeScript セットアップ、tsconfig の主要オプション、最初の .tsx ファイルまで。本書3部の土台を作ります。
useContext — 向いている場合と向いていない場合
prop drilling を解決する Context API。使い方の3ステップ・value 分離パターン・外部の状態ライブラリとの境目まで扱います。
イベントとフォームのタイピング
ChangeEvent · FormEvent · KeyboardEvent と入力ハンドラの型、controlled · uncontrolled フォームの TypeScript パターン、そして 27章 Server Actions の FormData の土台まで扱います。
イベントハンドリング
React の合成イベントシステムとイベントハンドラの書き方、引数の渡し方、よくある落とし穴を見ていきます。19 章 イベントの型付けと 27 章 Server Actions の土台です。
ルーティング概要(React Router)
SPA のルーティング概念、React Router v7 の基本的な使い方、そして4部の Next.js App Router との動作方式比較を一度に扱います。
データフェッチとキャッシュ
Server Component で `async / await` でデータを直接取ってくるパターン、Next.js 15 の fetch キャッシュオプション(`force-cache` / `no-store` / `revalidate`)、ルートレベルのオプション、そして並列フェッチと `error.tsx` まで。
コンポーネントテスト — Vitest + Testing Library
Vitest + React Testing Library でコンポーネントとフックをテスト。render・userEvent・モッキングのパターン、Next.js 環境での注意点、CI 統合まで。
デプロイと観測性 — Vercel・Cloudflare Pages・Sentry・PostHog
Next.js を Vercel と Cloudflare Pages にデプロイ、preview deploy、環境変数、Sentry でエラー追跡、PostHog でプロダクト分析。リリース後4週間のための道具一式。