CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 Gestion des Routes avec React Router DOM

Gestion des Routes avec React Router DOM

Installation et configuration de react-router
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre ReactJS 2018
Revoir le teaser Je m'abonne
3,0
Transcription
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à React Router

Objectifs

À la fin de cette vidéo, les apprenants seront capables de :

  • Installer et configurer React Router DOM.
  • Créer et organiser des routes dynamiques et statiques.
  • Structurer l'application en utilisant des conteneurs de routes.
  • Utiliser BrowserRouter pour gérer plusieurs routeurs dans une application.

Résumé

Découvrez comment installer et configurer React Router DOM pour gérer efficacement les routes dans votre application React.

Description

Dans cette leçon, nous allons installer une dépendance essentielle pour les projets React, appelée React Router DOM. Cette bibliothèque permet de gérer les routes de votre application afin de créer des liens et de naviguer entre différentes pages. Nous allons commencer par arrêter l'application actuelle et installer React Router DOM. Ensuite, nous allons créer un nouveau conteneur Router qui sera le conteneur racine de notre application. Nous renommerons certains composants tels que App en Search pour mieux organiser notre page de recherche.

Ensuite, nous mettrons en place un architecte des routes en utilisant les composants Route et Switch de react-router-dom. Nous définirons une route racine sur la page de recherche et une route dynamique pour les détails des films en utilisant un paramètre URL identifiant. Enfin, nous envelopperons le tout dans un BrowserRouter, ce qui permettra d'utiliser différentes configurations de routeur au sein de différentes parties de votre application, rendant ainsi votre architecture plus modulable.

Voir plus

Questions fréquentes

Pourquoi devons-nous installer React Router DOM ?
Pour gérer les routes de votre application React efficacement et permettre la navigation entre différentes pages.
Quel est le rôle de l'élément BrowserRouter ?
BrowserRouter encapsule votre application et permet d'utiliser les capacités de navigation du navigateur pour gérer les routes.
Que signifie le paramètre 'exact' lorsqu'il est utilisé dans une Route ?
Le paramètre 'exact' garantit que la route est rendue uniquement lorsque le chemin spécifié correspond exactement à l'URL actuelle.
1 commentaire
3,0
1 vote
5
4
3
2
1
gregory_jarrige
Il y a 3 ans
Cette formation est géniale, mais je ne peux pas lui mettre la note maximale en l'état, car il y a deux problèmes qu'il faudrait signaler à l'auteur :
- la vidéo du chapitre 4.1 ne correspond pas à l'intitulé
- la vidéo du chapitre 6.3 ne correspond pas non plus à l'intitulé
Les deux vidéos erronées correspondent manifestement à un autre cours décrivant la création d'une TODO List.
charlene.bleuse_1
Il y a 3 ans
Bonjour Monsieur Jarrige,

Je vous remercie de votre retour, je fais part de vos remarques au service technique.
Bien à vous, Charlène