JSXとは

• 『JavaScript』と『XML』の組み合わせ
• XMLライクな記述ができるようにしたECMAScript 2015に対する構文拡張
  • 『構文拡張』: 言語標準には含まれない特殊な用途のための便利な構文を、後づけで使えるようにしたもの
• JSX はBabel やtsc によってコンパイルされることを前提としたシンタックスシュガー
• テンプレート言語ではない！

JSXはReact.createElement というメソッドのコールへの変換を前提にXML のタグとその組み合わせによるノードツリーをJavaScript の中でシームレスに書けるようにしてるだけ

なぜReact は見た目とロジックを混在させるのか

ソフトウェア工学において、アーキテクチャとかデザインパターンというものは、

関心の分離を行うためにある

MVCモデルは、

• 技術の役割によって3 つに分離してる

Reactは、

• アプリケーションの機能によって分離している
• その単位がコンポーネント