reactの初期プロジェクト作成方法

reactの初期プロジェクト作成方法について自分用に
まとまっているものが欲しく記事にしました

1 react のプロジェクト作成

まずは初期プロジェクトの作成

create-react-app my-app --template typescript

2 material-ui導入

現在使っているmaterial-uiの導入手順

yarn add @material-ui/core
yarn add @material-ui/icons

3 AWS amplify導入

初期設定（aws-amplify/cli）などの設定を除いた設定
通しの設定が必要な場合は下記を参照

AWS amplify Docs
　https://docs.amplify.aws/start/getting-started/setup/q/integration/react#create-a-new-react-app

amplify init
yarn add aws-amplify @aws-amplify/ui-react

ソースコードへ下記を追加

import Amplify from "aws-amplify";
import awsExports from "./aws-exports";
Amplify.configure(awsExports);

4 react router dom導入

ページ遷移に必要なreact router domの導入

yarn add react-router-dom