ReactチュートリアルシリーズのIn-browser JSX Transform

ブラウザ環境でのJSX Transformの使用方法
 

<script type="text/jsx">
        /** @jsx React.DOM */
        React.renderComponent(<h1> </h1>,document.getElementById('test'));
</script>

<script src="../build/react.js"></script>
<script src="../build/JSXTransformer.js"></script>

 
 
次の点に注意してください.
 

scriptのtypeはtext/jsx

注記/**@jsx React.DOM*/は必須

renderCOmponentメソッド:
 

最初のパラメータ:類似テンプレート

第2パラメータ:dom

 
単独で取り出す:
 

新しいファイルtest.js,type="text/jsx"

 
   
オフライン変換:
 

npm install -g react-tools

jsx --watch **/**/

 
 
この文書の内容は次のとおりです.
 
   http://facebook.github.io/react/docs/tooling-integration.html#productionizing-precompiled-jsx
 
   http://facebook.github.io/react/docs/getting-started.html