Summary  
This chapter explains how to enable client-side routing in a React application by wrapping the root component with the BrowserRouter component from react-router-dom.

General domain of usage  
Single-page web applications

Une fois les dépendances nécessaires installées, il est possible d'intégrer la bibliothèque dans l'application.

Pour ajouter la fonctionnalité de routage à l'application, il convient d'entourer le composant racine avec `BrowserRouter` provenant de la bibliothèque `react-router-dom`. Cette étape est essentielle car elle initialise le système de routage et permet de gérer la navigation en fonction de l'URL.

## Exemple
- Ouvrir le fichier `index.js` du projet ;
- Importer le composant `BrowserRouter` depuis la bibliothèque `react-router-dom` :
```js
import { BrowserRouter } from "react-router-dom";
```
- Entourer le composant `App` avec le composant `BrowserRouter`, comme illustré ci-dessous (lignes 9-11) :
```jsx
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App/App";
import { BrowserRouter } from "react-router-dom";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>
);
```
En entourant le composant `App` avec `BrowserRouter`, la fonctionnalité de routage devient disponible dans l'application.

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.

Activation du Routage dans une Application React

Exemple

Awesome!

Activation du Routage dans une Application React

Exemple