はじめてのReact

• ReactDOM.render(追加するDOM要素, 追加する場所)
• コンポーネントとはDOM要素を返す（表現する）JavaScriptのオブジェクト
• コンポーネントの引数をpropsと呼ぶ。
• コンポーネントを関数として記述する場合は以下。

function Hoge() {
  return(<div>hoge</div>)
}

• コンポーネントをクラスとして記述する場合は以下。

class Hoge extends React.Component {
  render() {
    return (
      <div>hoge</div>
    );
  }
}

• コンポーネントをクラスとして記述することにより、ステートという仕組みを利用することができる。
• stateとは「UI の書き換えに必要となる Component の状態を保持するためのデータ」
• 具体的には、コンポーネントを表現するクラスのアトリビュートとしてstateというのをつくって、そこにオブジェクトを持たせる。
• developer toolsでは、コンポーネントがrenderしたDOM要素しか見ることができない。
• react developer toolsなら、コンポーネント自体（やコンポーネントのpropsやstate）も見ることができる。
• なんかあれだな、コンポーネントが黒子でDOM要素が操り人形って感じだな。