React¶

• JSX
  • JavaScriptの構文拡張
  • HTMLではない
  • React要素を生成する
  • React要素
  • Reactコンポーネント
    • 要素はコンポーネントを構成するもの
  • ReactDOM.rendor()
    • React要素->DOM
    • 大抵のReactアプリケーションは1回だけ呼び出す
  • 関数コンポーネント
    • React要素を返すReactコンポーネント
  • props
    • 読み取り専用
    • properties->props
  • state
    • propsに似ているが、コンポーネントによって完全に管理されるプライベートなもの
      • stateを所有してセットするコンポーネント自身以外からはそのstateにアクセスすることができない
    • stateを直接変更しない
      • setState()する
    • stateの更新は非同期で、マージされる
  • event
    • camelCaseで書く
    • synthetic event
      • ブラウザのネイティブイベントに対するクロスブラウザ版のラッパー
    • addEventListnerは不要