Summary  
This chapter covers installing an external JavaScript library into a React project using npm and verifying the addition by inspecting the project’s dependencies in package.json.

General domain of usage  
Client-side routing in single-page web applications

## Installation
Um die **React Router**-Bibliothek zu verwenden, muss sie zunächst mit einem Paketmanager wie npm oder yarn im Projekt installiert werden. Öffne das Terminal im Projektverzeichnis und führe den folgenden Befehl aus:
Mit npm:
```bash
npm install react-router-dom
```

## Überprüfung der Installation
Nachdem das Paket `react-router-dom` installiert wurde, sollte überprüft werden, ob es dem Projekt erfolgreich hinzugefügt wurde. Dazu wird die Datei `package.json` betrachtet, in der die Abhängigkeiten des Projekts aufgelistet sind.

Standardmäßig enthält das Objekt dependencies in der `package.json` nur die Pakete, die für den Betrieb und die Einrichtung eines einfachen React-Projekts erforderlich sind. Es könnte folgendermaßen aussehen:
```js
"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
```
Nach dem Hinzufügen des Pakets `react-router-dom` sollte ein angepasstes dependencies-Objekt mit dem enthaltenen Paket `react-router-dom` sichtbar sein (siehe Zeile 7):
```js
"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-router-dom": "^6.13.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
```

Welches Paket muss installiert werden, um die React Router-Bibliothek zu verwenden?

Tauchen Sie ein in die Welt des Routings innerhalb von React-Anwendungen und lernen Sie, wie React Router die Verwaltung von Navigation, URL-Zustand und dynamischem Komponenten-Rendering vereinfacht, alles als Reaktion auf die aktuelle URL.

Lernen Sie die theoretischen Grundlagen von Konzepten wie URL, Domain, Protokoll, Abfrageparametern und mehr. Verstehen Sie die Bedeutung des Routings in Webanwendungen und warum wir die React Router-Bibliothek benötigen.

Entdecken Sie, wie Sie eine komplette React-Anwendung von Grund auf erstellen können, mit der Fähigkeit, Inhalte anzuzeigen, die sich basierend auf der URL mit der React Router-Funktionalität anpassen.

Erkunden Sie die Verwendung von Abfragezeichenfolgen zum Teilen und Verwalten des Anwendungszustands über URLs, arbeiten Sie mit verschiedenen Datentypen in Abfrageparametern und nutzen Sie React Router für die Navigation und Effekte basierend auf URL-Änderungen.

Installation von React Router

Installation

Überprüfung der Installation

Awesome!

Installation von React Router

Installation

Überprüfung der Installation