環境構築

必要なモジュールのインストール

node.js(https://nodejs.org/en/)をインストール後、node -vでバージョン確認

つぎにnpmをグローバルインストール(sudo pip install -g npm)後、npm -vでバージョン確認

アプリフォルダの作成

// アプリディレクトリの作成
npx create-react-app [任意のアプリ名]

// ローカルサーバーを起動してReactアプリを表示する
cd app
npm start

material UIのインストール

cd app

// インストールできたらpackage.jsonのdependenciesで確認
npm install @mui/material @emotion/react @emotion/style

// ROBOTフォントとICONSをCDNで使うために、publicディレクトリ内に下記コードを記述
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
/>
<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/icon?family=Material+Icons"
/>