JSX
JavaScript eXtension
JavaScriptにHTML HyperText Markup Languageライクな構文を拡張したもの
シンタックスシュガー 糖衣構文で、Compile コンパイル必要
思想
独立性の高いComponent コンポーネント code単位に分割し、ロジックとデザインを完結させる
マークアップとロジックを両方含む疎結合の「コンポーネント」という単位を用いて関心を分離
背景
MVCのようなArchitecture アーキテクチャでは、高度なUIが作れない
DOM Document Object Modelのインタラクティブな書き換えが難しい
進化系
TSX
文法
if 文法
for 文法
[]
? どういう意味
{}
JavaScriptの式、変数
参考
JSX の導入 – React