#React
85 件の記事
なぜ Next.js と Server Components なのか
クライアントサイド React の限界と Server Components が解決する問題、CSR・SSR・RSC の違いを整理します。本書全体の転換点となる章です。
パフォーマンス・バンドル・Web Vitals
Core Web Vitals(LCP・INP・CLS)の測定と改善。Lighthouse・バンドル分析・code splitting・RSC streaming・next/image・next/font・INP 最適化まで。
パフォーマンス最適化(memo · useMemo · useCallback · そして React Compiler)
memo / useMemo / useCallback の役割とよくある誤用を整理し、React Compiler 導入後に何が変わり何がそのまま残るかまで整理します。
フォームの扱い(controlled inputs)
React でフォームを扱う定石パターンである controlled component を見ていきます。textarea・select・checkbox・radio もすべて同じモデルで扱う方法まで。
開発環境の設定(Node.js + Vite)
Node.js と pnpm をインストールし、Vite で最初の React プロジェクトを作って dev server を立ち上げます。本書のすべての例コードはこの環境の上で動作します。
旧 React コードのマイグレーション
Class component / Pages Router / Redux-only / fetch-on-mount のような旧スタイルコードを本書の modern スタイルに移すガイド。
状態のリフトアップ(lifting state up)
2つの兄弟コンポーネントが同じデータを共有するときに使う核心パターン。いつリフトアップし、いつしないか、そして12章 useContext への自然な橋渡しまで扱います。
認証とセッション — Auth.js v5 / OAuth / JWT
JWT と DB session の選択基準、Auth.js v5 セットアップ、Credentials と OAuth プロバイダ、RSC・Client・Server Action・middleware の4箇所でセッションを読むパターン。
