Routage avec React Router
Partie du cours React
Tout ce que vous avez construit jusqu'ici tient à une seule adresse. Il n'y a qu'une page, et ce que vous voulez montrer à l'utilisateur, vous l'affichez ou vous le masquez avec l'état. Cela marche jusqu'au jour où quelqu'un veut mettre l'écran des réglages en favori, ou envoyer à un collègue un lien vers un utilisateur précis, ou appuyer sur le bouton retour du navigateur et retomber là où il s'y attend.
Une application monopage ne recharge pas toute la page quand on se déplace dedans. Le navigateur télécharge le JavaScript une fois, et à partir de là, changer d'écran revient simplement à laisser React afficher d'autres composants. Mais l'URL doit quand même changer, le bouton retour doit quand même fonctionner, et taper une adresse directement doit quand même vous amener au bon endroit.
Envie d’apprendre React Routage avec React Router dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur Routage avec React Router avec un tuteur IA qui connaît votre code.
Commencer cette leçonRoutage avec React RouterCe que vous allez apprendre
- Installing react-router-dom
- BrowserRouter
- Routes and Route
- Link for navigation
- UseParams
- UseNavigate
Lire cette leçon dans votre langue
Toutes les leçons de ce cours
17 leçons- 1Qu'est-ce que React ?25 min
- 2JSX et Components30 min
- 3Props30 min
- 4Le State avec useState35 min
- 5Gestion des événements30 min
- 6Rendu conditionnel et listes30 min
- 7Formulaires et Controlled Inputs35 min
- 8Les Effects avec useEffect40 min
- 9Récupération des données40 min
- 10Composition de Components35 min
- 11Context et useContext35 min
- 12useReducer35 min
- 13Hooks personnalisés35 min
- 14Performance et Memoization35 min
- 15Routage avec React Router40 min
- 16Tester les Components React40 min
- 17Projet final : Application de liste de tâches60 min
Voir les autres cours
