You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

3.2 KiB

id title permalink prev next
tooling-integration インテグレーションツール tooling-integration-ja-JP.html more-about-refs-ja-JP.html addons-ja-JP.html

全てのプロジェクトがJavaScriptをビルドしたりデプロイするのに様々なシステムを使用しています。私たちはReactをできるだけ環境不問にしようとしています。

React

CDNにホストされたReact

ダウンロードページでCDNにホストされたバージョンのReactが提供されています。それらの、事前にビルドされたファイルはUMDモジュールフォーマットを使用しています。簡単な <script> タグを使ってそれらを導入することで、あなたの環境でグローバルに React を使うことができます。CommonJSの外や、AMDの環境でも、それは動作するでしょう。

masterを使う

GitHubリポジトリに master からビルドする説明が書いてあります。build/modules の下にCommonJSモジュールのツリーをビルドします。それらは、どんな環境やCommonJSがサポートされているパッケージングツールでも導入できます。

JSX

ブラウザ上でのJSXの変換

JSXを使用したい場合、ダウンロードページに開発のためにブラウザ上でのJSXトランスフォーマーを提供しています。単純に <script type="text/jsx"> をインクルードすることでJSXトランスフォーマーを使用できます。

注意: ブラウザ上でのJSXトランスフォーマーをとても大きく、避けることのできるクライアントサイドの計算になりかねません。プロダクションでは使わないでください。詳細は次のセクションをご覧ください。

プロダクションで使う場合:事前にコンパイルされたJSX

npmがインストールされている場合、コマンドラインの jsx ツールは単純に npm install -g react-tools コマンドを流せばインストールできます。このツールはJSXを使用しているファイルを直接ブラウザ上で動く生のJavaScriptファイルに変換します。また、ディレクトリをウォッチして、ファイルが変更されたら自動的に変換を行います。例えば、次のようなコマンドで。 jsx --watch src/ build/

デフォルトで、拡張子が .js のJSXファイルは変換されます。拡張子が .jsx のファイルを変換するには jsx --extension jsx src/ build/ コマンドを使用してください。

このツールの使用方法についての詳細の情報については、 jsx --help コマンドを使用してください。

役に立つオープンソースのプロジェクト

オープンソースコミュニティがJSXをいくつかのエディタやビルドシステムで使用するためのツールを作成しました。一覧はJSXのインテグレーションを参照してください。