基礎編 STEP 1
手を動かす

静的な一覧画面を作る

最初の小さい PR として、画面をコンポーネントに分けながら静的な Todo 一覧 UI を組み立てる段階。

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

この STEP で作るもの

  • Todo 一覧画面の静的 UI
  • App → TodoList → TodoItem のコンポーネントツリー

PR 目安

静的 UI とコンポーネント分割だけに絞って出す。

例: feature/phase3-step1-static-todo-list

できるようになること

  • React のコンポーネント分割を使って画面を組める
  • 1 PR で 1 画面の見た目を仕上げる感覚をつかめる

章一覧 (1)

  1. 1
    📄

    Reactコンポーネント設計の基礎

    Reactのコンポーネント概念・Props・JSXを理解し、UIを再利用可能な部品として構築する考え方を習得する

    未着手 手を動かす