R初めてのReact
DAY 00/3 完了

Reactってなに？ — UIを部品で組み立てる

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

Reactが何で、なぜ生まれたのかを説明できる。宣言的UI(状態を書けば画面はReactが同期)、コンポーネント指向(UIを部品に分けて再利用)、SPAの発想、そして直接DOM操作との違いを自分の言葉で言える。

  1. 1

    Reactとは — UIを部品でつくるライブラリ

    Reactは画面(UI)を「部品(コンポーネント)」の組み合わせで作るためのライブラリ。なぜそんなものが必要になったのかを、手作業のDOM操作の限界から理解する。

    設問 2 問

  2. 2

    宣言的UI — 「状態」を書けば画面はReactが合わせる

    Reactの核心は「宣言的UI」。どう変えるか(手順)ではなく、どういう状態か(結果)を書くと、Reactが画面をその状態に合わせてくれる。命令的なDOM操作と比べて直感をつかむ。

    設問 2 問

  3. 3

    コンポーネント思考 — 画面を部品に分解する

    Reactで作るときは、画面をいきなり作らず「部品に分解」して考える。Header・List・Itemのように役割で分けると、再利用・見通し・分担が楽になる。仮想DOMの役割も軽く押さえる。

    設問 2 問