JSX
https://ja.react.dev/learn/writing-markup-with-jsx
Meta によって開発された JavaScript の拡張
当初は React でのみ利用されていたが、他のフレームワークでも利用されることが多くなった
HTML のような マークアップ言語 を JavaScript 内に埋め込むことを可能にする
コードは PureJS にコンパイルされる
このとき、各 JSX タグは React にどの要素の種類を作成するかを伝える関数呼び出しに変換される
たとえば以下の JSX ファイルからは、
code:jsx
const helloJSX = <h1 className="super-big">Hello, JSX!</h1>;
以下の JavaScript ファイルにコンパイルされる
code:javascript
const helloJSX = React.createElement(
'h1',
{ className: 'super-big' },
'Hello, JSX!'
)