基礎編 STEP 3
手を動かす

URL と画面遷移をつなぐ

画面一覧・詳細・404 を分ける PR として、React Router で URL とページを対応付ける段階。

カリキュラムスタート
この STEP について詳しく見る

この STEP で作るもの

  • • 一覧 / 詳細 / 404 が切り替わる画面遷移
  • • 共通レイアウトを持つルーティング

PR 目安

一覧・詳細・404 のルート追加を 1 PR に閉じ込める。

例: feature/phase3-step3-routing-pages

できるようになること

  • • URL と画面の対応関係を設計できる
  • • 1 画面ずつ増やして PR を分けるイメージを持てる

章一覧 (1)

  1. 1
    📄

    ルーティング（React Router v7）

    クライアントサイドルーティングの概念を理解し、React Router v7のcreateBrowserRouter・loader・Link・useNavigateを使いこなす

    未着手 手を動かす