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
Pour commencer à utiliser la bibliothèque **React Router**, il est nécessaire de l’installer dans le projet à l’aide d’un gestionnaire de paquets tel que npm ou yarn. Ouvrir le terminal dans le répertoire du projet et exécuter la commande suivante :
Avec npm :
```bash
npm install react-router-dom
```

## Vérification de l'installation
Maintenant que le paquet `react-router-dom` est installé, il convient de vérifier qu’il a bien été ajouté au projet. Pour cela, examiner le fichier `package.json`, qui répertorie les dépendances du projet.

Par défaut, l’objet dependencies dans `package.json` inclut uniquement les paquets nécessaires à l’exécution et à la configuration d’un projet React standard. Il peut ressembler à ceci :
```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"
},
```
Après l’ajout du paquet `react-router-dom`, l’objet dependencies doit inclure le paquet `react-router-dom` (comme indiqué à la ligne 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"
},
```

Quel paquet est nécessaire d’installer pour utiliser la bibliothèque React Router ?

Plongez dans le monde du routage au sein des applications React et découvrez comment React Router simplifie la gestion de la navigation, de l'état des URL et du rendu dynamique des composants, tout en réponse à l'URL actuelle.

Apprenez les bases théoriques de concepts tels que l'URL, le domaine, le protocole, les paramètres de requête, et plus encore. Comprenez l'importance du routage dans les applications web et pourquoi nous avons besoin de la bibliothèque React Router.

Découvrez comment créer une application React complète à partir de zéro, avec la capacité d'afficher du contenu qui s'adapte en fonction de l'URL en utilisant la fonctionnalité de React Router.

Explorez l'utilisation des chaînes de requête pour partager et gérer l'état de l'application via les URL, travaillez avec différents types de données dans les paramètres de requête, et utilisez React Router pour la navigation et les effets basés sur les changements d'URL.

Installation de React Router

Installation

Vérification de l'installation

Awesome!

Installation de React Router

Installation

Vérification de l'installation