React Routerフレームワークのインストール

このチュートリアルのセクションでは、 React Routerに加えて、 ビルドツールおよび開発サーバーとして Vite を使用します。

まず、Viteを使用して Reactアプリケーションmy-appを 作成しましょう。 そのためには、ターミナルを開き、 以下のコマンドを入力します：

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

ルーティングを使用するには、 モジュールreact-router-domが 必要です。これもインストールしましょう：

terminalnpm install react-router-dom

これで作業を開始する準備が整いました。 アプリケーションを起動しましょう：

terminalnpm run dev

ターミナルに表示されているリンクhttp://localhost:5173/を ブラウザのアドレスバーにコピーすると、 起動したアプリケーションが表示されます （カウンターボタンをクリックしてみてください）。