コンポーネントとは? UIは2つに分類される 1. 見た目(View) 2. 機能(Controller) コンポーネント = 見た目 + 機能 Webページはコンポーネントのツリー構造になっている なぜコンポーネントを使うのか 再利用性するため 分割統治するため 変更に強くするため コンポーネントの種類 Class Component : クラスによって定義されたコンポーネント Functional Component : 関数型で定義されたコンポーネント Functional Component ES6のアロー関数で記述 stateを持たない(stateless) propsを引数に受け取る JSXをreturnする シンプル import React from 'react'; const Article = (props) => { return ( <div> <h2>{prop