■目次

create-react-app で環境構築

<aside> 🌿 create-react-appは以下を参照

環境構築【create-react-app / React × TypeScript】＆Sass設定＆GitHub登録

※Firebaseを使う場合は、「GitHubに登録」は飛ばしてOK

そしてパッケージインストールに進む前に、Firebaseプロジェクトの作成とデプロイを行っておこう。

プロジェクトの作成〜初回デプロイまで【TypeScript対応】

以下は上記を行ってから進めよう！

</aside>

react-reduxのパッケージをインストールする

以下をターミナルに貼り付けて、インストールする

npm install --save @mui/material @emotion/react @emotion/styled @mui/icons-material @mui/system redux-first-history history react-redux react-router-dom redux redux-actions redux-logger redux-thunk reselect

今回インストールするパッケージは以下の通り

必須なのはreact と redux

• react
• redux
• material-ui

Firebaseに再度デプロイする

1. もう一度npm run build する

2. firebase deploy コマンドを叩く

   Deploy complete! と表示されたら、一緒に表示されたURLを開き、表示を確認する

ローカル環境を開く場合はnpm start コマンドを叩く