Routage dans React à l'aide de la bibliothèque Router

Dans cette section, nous allons nous familiariser avec un domaine très intéressant et important dans la création d'applications web - le routage. C'est précisément grâce au routage que l'utilisateur peut se déplacer parmi de multiples pages web en fonction des actions ou des requêtes envoyées.

Dans ce tutoriel, nous apprendrons comment utiliser la bibliothèque externe React Router pour créer des applications React avec du routage.

React Router nous permet de travailler avec le routage aussi bien côté client (c'est-à-dire dans le navigateur) que côté serveur. Il permet de créer des applications web complexes d'une seule page, utilisant une navigation sans rafraîchissement de la page entière (c'est-à-dire sans requêtes supplémentaires au serveur), et de gérer également l'historique du navigateur (les flèches de retour).

React Router utilise une architecture basée sur l'approche composant. Ainsi, cette bibliothèque permet de naviguer parmi de multiples composants de l'application React, de modifier l'URL dans le navigateur et de maintenir la synchronisation de l'état de votre application avec l'URL.