JSXはReactと共に使うことを推奨されている、JavaScriptへ変換するためのXMLシンタックスです。
ReactとJSX
reactjsとJSXは独立した技術ですが、JSXは当初Reactを考慮して設計されたものです。JSXの効果的な用途は2つあります。
- ReactのDOMコンポーネント(
React.DOM.*
)のインスタンスをコンストラクトする React.CreateClass()
を用いて複合コンポーネントのインスタンスをコンストラクトする
なぜJSXを使うのか
ReactはJSXなしでも動作します。単にReact.DOM
にある関数を使ってマークアップを組み立てましょう。例えば、簡単なハイパーリンクを行う場合は以下のようになります。
var link = React.DOM.a({href: 'http://facebook.github.io/react'}, 'React');
JSXを使った時の利点は以下のとおりです。