javascript React web site + JSXの開発方法

 JSXを使ってweb siteを開発する場合の手順(Babel)

1. node.jsをインストール(参考)

2. プロジェクトフォルダーを作成する。

3. プロジェクトフォルダーで下記コマンドを実行

$ npm init -y

$ npm install babel-cli@6 babel-preset-react-app@3

以上で開発環境の準備終了

プロジェクトに、srcとjsというフォルダを準備し

下記コマンドを実行する。

$ npx babel --watch src --out-dir js --presets react-app/prod

srcに作られたJSXで記述されたコードが本番用に変換されて

jsに出力される。

Babelのホームページはここ