2018年5月React.jsの環境を一瞬で5分作り出す!

 

昔Reactにトライしたのですが、よくわからんくて一度挫折しました。

React.jsだけでもわからんのに、reduxまで混ざり。。。なんなんだよーと思っていたところ

最近再挑戦したところ一瞬でできました!ってことで書いていきやす。

React.jsをインストールするための環境チェック

申し訳ありませんが、nodeとnpmはインストールしてる前提で。

$ node -v
v6.10.3
$ npm -v
6.0.0
さあReact.jsをインストールしましょう!

React.jsを動かす

まずは、create-react-appをグローバルにインストール。
npm install -g create-react-app
これでほぼ終わりです。 そしたらcreate-react-appを実行!
create-react-app testReact
Success! Created test at 作成したパス
Inside that directory, you can run several commands:

  yarn start
    Starts the development server.

  yarn build
    Bundles the app into static files for production.

  yarn test
    Starts the test runner.

  yarn 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 testReact
  yarn start

Happy hacking!
この書かれている通り、
cd testReact
yarn start
とするとブラウザが立ち上がり終了となります! こんなにあっさりreactを試せるようになって便利になりましたねえ じゃーの。