Installation des React Router Frameworks

Für diesen Abschnitt des Tutorials verwenden wir neben React Router Vite als Bundler und Entwicklungsserver.

Lassen Sie uns zunächst eine React-Anwendung my-app mit Vite erstellen. Öffnen Sie dazu ein Terminal und geben Sie die folgenden Befehle ein:

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

Um mit dem Routing arbeiten zu können, benötigen wir das Paket react-router-dom. Lassen Sie uns auch dieses installieren:

npm install react-router-dom

Nun ist alles für den Start vorbereitet. Starten wir unsere Anwendung:

npm run dev

Kopieren Sie den Link http://localhost:5173/, der im Terminal angezeigt wird, in die Adressleiste des Browsers und Sie sehen die gestartete Anwendung (Sie können den Zähler-Button gerne anklicken).

Erstellen Sie eine React-Anwendung mit Vite, wie in der Lektion beschrieben, installieren Sie das Paket react-router-dom. Stellen Sie sicher, dass die Anwendung startet.