Reactアプリケーションのインストールとセットアップ

このレッスンでは、Reactアプリケーションのインストールとセットアップから始めます。なぜなら、後でReduxと組み合わせて使用するからです。公式ドキュメントには、ReactとReduxを使用したアプリケーションテンプレートを作成するより速い方法（特に初心者にとっては必ずしも簡単とは限りませんが）が記載されていますが、ここではゼロから始めます。

まず、Vite（Webpackのモダンな代替ツール）を使用してReactアプリケーションmy-appを作成します。これを行うには、ターミナルを開き、以下のコマンドを入力します（オプションが提案された場合は、Reactを選択し、次にJavaScriptを選択します）：

npm create vite@latest my-app -- --template react
cd my-app
npm install

作成したアプリケーションを起動します：

npm run dev

ブラウザで提案されたリンクhttp://localhost:5173/を開くと、おなじみのスタート画面が表示されます。すべてが機能しています。

次に、不要なものを削除します。publicフォルダをクリアします。srcフォルダには、main.jsx、index.css、App.jsxのみを残します（index.cssとApp.jsxの内容は完全に削除します）。

index.htmlファイルで、タイトルのテキストを次のように置き換えます：

<title>React Redux App</title>

Reactアプリケーションを作成し、それが動作することを確認してください。

不要なファイルとフォルダを削除してください。