【React入門】学習メモ #2 - Qiita

この記事はReact Advent Calendar 2020 17日目の記事です。 前回の記事はこちら はじめに React学習の備忘録です。 間違い等ございましたら、ご指摘いただけますと幸いです ブラウザ表示の流れ ファイルは下記の順番に変換されます。 App.jsに記述されているJSXは最終的にHTMLに変換されてブラウザに表示されます。 ↓App.js ↓index.js ↓index.html ブラウザ（chrome, firefox..） コンポーネント コンポーネントとは、**「部品」や「パーツ」**といった意味で、 Reactでは、コンポーネントを組み合わせてUIを構築します。 コンポーネントの定義方法 クラスコンポーネント（class） 関数コンポーネント（function） クラスコンポーネントの構成