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
Après avoir installé le paquet `react-router-dom`, 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 illustré à 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 ?

Apprenez à gérer la navigation dans les applications React à l'aide de React Router. Comprenez la structure des URL et le rôle du routage dans les applications web. Configurez React Router pour créer des applications multipages avec du contenu dynamique basé sur les chemins d'URL. Travaillez avec des fonctionnalités avancées telles que les chaînes de requête et les paramètres d'URL pour gérer l'état de l'application et la navigation utilisateur.

Découvrez 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 la nécessité 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 un contenu qui s'adapte en fonction de l'URL grâce à la fonctionnalité React Router.

Découvrez 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 exploitez 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