挫折しない React 入門

コンポーネント、Hooks、状態管理、テスト、AI連携まで進む全290章の教材です。

ロードマップを見る

Module 1: 準備とTypeScriptの「考え方」

準備とTypeScriptの「考え方」を第1章から第10章までで学びます。

Module 2: JSXと「型」のキホン

JSXと「型」のキホンを第11章から第20章までで学びます。

Module 3: Props（型付きデータの受け渡し）

Props（型付きデータの受け渡し）を第21章から第30章までで学びます。

Module 4: useStateとイベントの「型」

useStateとイベントの「型」を第31章から第40章までで学びます。

Module 5: UIの動的構築（型と一緒に）

UIの動的構築（型と一緒に）を第41章から第50章までで学びます。

Module 6: スタイリング

スタイリングを第51章から第55章までで学びます。

Module 7: useEffect（「表示」以外のウラ仕事）

useEffect（「表示」以外のウラ仕事）を第56章から第65章までで学びます。

Module 8: useReducer（型でガチガチに管理）

useReducer（型でガチガチに管理）を第66章から第70章までで学びます。

Module 9: useContext（型付きの「みんなのデータ」）

useContext（型付きの「みんなのデータ」）を第71章から第80章までで学びます。

Module 10: 動きをサクサクにする

動きをサクサクにするを第81章から第90章までで学びます。

Module 11: useRef 集中講座

useRef 集中講座を第91章から第100章までで学びます。

Module 12: 知ってると便利なフックたち

知ってると便利なフックたちを第101章から第110章までで学びます。

Module 13: v19データ取得 use & Suspense

v19データ取得 use & Suspenseを第111章から第120章までで学びます。

Module 14: v19フォーム革命 Actions

v19フォーム革命 Actionsを第121章から第130章までで学びます。

Module 15: カスタムフック（オリジナルのフック）

カスタムフック（オリジナルのフック）を第131章から第140章までで学びます。

Module 16: ルーティングとプロジェクト構成

ルーティングとプロジェクト構成を第141章から第150章までで学びます。

Module 17: テストと公開

テストと公開を第151章から第160章までで学びます。

Module 18: 非同期データの最強管理術 (TanStack Query)

非同期データの最強管理術 (TanStack Query)を第161章から第170章までで学びます。

Module 19: グローバルステート管理の決定版 (Zustand)

グローバルステート管理の決定版 (Zustand)を第171章から第180章までで学びます。

Module 20: フォームバリデーションの鉄板 (RHF & Zod)

フォームバリデーションの鉄板 (RHF & Zod)を第181章から第190章までで学びます。

Module 21: ユーザー認証と「自分だけのアプリ」

ユーザー認証と「自分だけのアプリ」を第191章から第200章までで学びます。

Module 22: アニメーションで「プロ感」を出す

アニメーションで「プロ感」を出すを第201章から第210章までで学びます。

Module 23: UIライブラリで「車輪の再発明」を防ぐ

UIライブラリで「車輪の再発明」を防ぐを第211章から第220章までで学びます。

Module 24: AI統合とストリーミング (Vercel AI SDK)

AI統合とストリーミング (Vercel AI SDK)を第221章から第230章までで学びます。

Module 25: 信頼性を高めるE2Eテスト (Playwright)

信頼性を高めるE2Eテスト (Playwright)を第231章から第240章までで学びます。

Module 26: アトミックな状態管理 (Jotai)

アトミックな状態管理 (Jotai)を第241章から第250章までで学びます。

Module 27: 次世代バリデーション (Valibot)

次世代バリデーション (Valibot)を第251章から第260章までで学びます。

Module 28: 次世代ビルドツール (Biome)

次世代ビルドツール (Biome)を第261章から第270章までで学びます。

Module 29: React Email メール実装革命

React Email メール実装革命を第271章から第280章までで学びます。

Module 30: フルスタック・エッジ開発 (Hono & Cloudflare)

フルスタック・エッジ開発 (Hono & Cloudflare)を第281章から第290章までで学びます。