React, Redux & Firebaseを使ってプロジェクトを作る

自分用メモ

yarn download

brew install yarn

*npmで以下の作業を行っても平気

reactテンプレートのダウンロード

yarn create-react-app my-app

必要なパッケージを入れる

reduxのパッケージ

yarn add redux react-redux redux-thunk

reduxのパッケージ

yarn add firebase

react-redux-firebaseのパッケージ

cd my-app
yarn add react-redux-firebase

package.jsonにちゃんとインストールされているか確認する

package.json

{
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "firebase": "^5.2.0",
    "package.json": "^2.0.1",
    "react": "^16.4.1",
    "react-dom": "^16.4.1",
    "react-redux-firebase": "^2.1.6",
    "react-scripts": "1.1.4"
    "redux": "^4.0.0",
    "redux-thunk": "^2.3.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

json:package.jsonのインストール

yarn add package.json

projectのスタート

yarn start

参照