Facebook公式のCreate React App: 電脳羊（Android Dream）

2017年04月28日

Facebook公式のCreate React App

会社のWebアプリケーションはReactで画面周りを作ってます。

簡単なサンプルは書いて勉強中です。
面倒なのは、環境を作ること。
他のプロジェクトあるいはネットから持ってきても良いのですが、余分だったり足りなかったり
Facbook公式のツールを使うと簡単に環境ができます

インストール
$ npm install -g create-react-app

作成
$ create-react-app　ディレクトリ名
Success! Created ディレクトリ名 at /Users/pakuqi/workspace/redux-react-simple
Inside that directory, you can run several commands:

npm start
Starts the development server.

npm run build
Bundles the app into static files for production.

npm test
Starts the test runner.

npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

cd ディレクトリ名
npm start

Happy hacking!
と表示されます。

$ cd ディレクトリ名
$ npm start

自動でブラウザを開いてhttp://localhost:3000/
にアクセスします。
以下の画面が表示されるはずです。