📚
Reactの概要（初心者向けまとめ）
Reactの概要について調べた結果をまとめます。
Reactを使うべき理由
-
効率的にUIを作れる
Reactはコンポーネントという再利用可能な部品単位でUIを構築できるので、大規模なアプリでも管理がしやすい。 -
更新が軽快
必要な部分だけDOM（Webページの構造）を更新するので、動作が速くユーザー体験が滑らかになる。 -
学習と将来性
多くの企業で採用されているため、学ぶことで実務で役立つスキルになる。
参考サイト
どんなWebが作れるか
-
シングルページアプリケーション（SPA）
ページを切り替えるのではなく、単一ページ内でコンテンツを切り替えるWebアプリ。ページ遷移が速く、ネイティブアプリのような操作感を実現可能。 -
動的でインタラクティブなUI
ボタンを押すとデータが変わる、リストが自動で更新される、といった操作に強い。 -
部分的なDOM更新
Reactは変更があった箇所だけ更新するので、軽快に動作する。
Reactの実装で考えること
-
「ある状態の時に何が表示されるべきか」を意識する
例えば、「ボタンを押したらカウンターが増える」や「ログインしている場合はユーザー名を表示する」など、状態に応じた表示を設計することが重要。 -
状態（state）とプロパティ（props）を理解する
-
state：コンポーネント内で変化するデータ -
props：親コンポーネントから渡されるデータ
状態を整理することで、アプリの挙動が予測しやすくなる。
-
Discussion