R初めてのReact
DAY 60/4 完了

小さなアプリを作って公開する — 現場の地図

🎯 このDayを終えるとできること

これまでの部品(props/state/effect/list/form)を組み合わせて小さなアプリを作る全体像をつかみ、ReactとNext.jsの関係、画面遷移(ルーティング)の考え方、Vercelへの公開の流れ、そしてよくある落とし穴と基本のパフォーマンス感覚を、読める・直せる・説明できるレベルで理解する。

  1. 1

    部品を組み合わせて小さなアプリを作る

    props/state/effect/list/formをレゴのように組み合わせ、TODOアプリを例に「設計の順番」をつかむ。

    設問 3 問

  2. 2

    Next.jsとルーティング — 複数画面の考え方

    ReactにNext.jsが何を足すのかを理解し、「ファイル=ページ」の発想と複数画面(ルーティング)の考え方をつかむ。

    設問 3 問

  3. 3

    Vercelで世界に公開する

    GitHubにpushするとVercelが自動でビルド&デプロイし、URLで世界に公開される流れを俯瞰する。

    設問 3 問

  4. 4

    よくある落とし穴とパフォーマンスの基本感覚

    key忘れ・stateの直接変更・useEffectの依存漏れ・無限ループの定番ミスと、再レンダリングの基本感覚を身につける。

    設問 3 問