React - 13note.

参照：

WEB+DBPRESS vol97 2017　Reactで作るシングルページアプリ入門

環境

vagrant製のcentos (某案件調査用に適当に作ったやつ。CakePHPとか入ってる気がする）

バージョン確認

cat /etc/redhat-release
CentOS release 6.8 (Final)

Node.js これも先に入れていた。バージョン確認

node -v
v7.6.0

npm これも先に。バージョン確認

npm -v
4.4.0

プロジェクトフォルダの作成

pwd
/var/www/html/reactPrj_2

package.jsonの作成

mkdir spa-note
cd spa-note
npm init -y
Wrote to /var/www/html/reactPrj_2/spa-note/package.json:

{
  "name": "spa-note",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

-y オプションとはなんぞ。

→　初期値で作ってくれるオプション。無い場合は対話式でいちいち設定値を聞いてくる。

Babelとwebpackのインストール

Babel ECMAScriptコンパイラ
ECMAScript2015 (ES6)やECMAScript7などで書かれたソースコードを一般的なブラウザがサポートしているECMAScript5の形式に出力することができます。 (https://html5experts.jp/kyo_ago/16979/)

reactで利用するJSXという気泡の変換もBabelのプラグインで行う。

webpack
WebApp に必要なリソースの依存関係を解決し、アセット（配布物）を生成するビルドツール（要するにコンパイラ）です。 (http://qiita.com/yosisa/items/61cfd3ede598e194813b)