JSX - Entropy

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!'

)