React Routerフレームワークのインストール
このチュートリアルのセクションでは、 React Routerに加えて、 ビルドツールおよび開発サーバーとして Vite を使用します。
まず、Viteを使用して
Reactアプリケーションmy-appを
作成しましょう。
そのためには、ターミナルを開き、
以下のコマンドを入力します:
npm create vite@latest my-app -- --template react
cd my-app
npm install
ルーティングを使用するには、
モジュールreact-router-domが
必要です。これもインストールしましょう:
npm install react-router-dom
これで作業を開始する準備が整いました。 アプリケーションを起動しましょう:
npm run dev
ターミナルに表示されているリンクhttp://localhost:5173/を
ブラウザのアドレスバーにコピーすると、
起動したアプリケーションが表示されます
(カウンターボタンをクリックしてみてください)。
レッスンで説明されているように、Viteを使用して
Reactアプリケーションを作成し、
モジュールreact-router-domを
インストールしてください。
アプリケーションが起動することを確認してください。