Contenu du cours
React Router
React Router
2. Concepts de Base de React Router
AperçuInstallation de React RouterActivation de la Fonctionnalité de RoutageDéfinir les RoutesRécapitulatif des Premières ÉtapesImportation de Composants avec Chargement ParesseuxImplémentation d'un Composant de SecoursRécapitulatif des Deuxièmes ÉtapesCréer une NavigationExploration de la Logique Complète de React RouterRésumé des Bases de React Router
Inspection des Modifications Récentes
Prenons un moment pour examiner les changements récents dans notre application :
- Nouvelle Route : Nous avons introduit une route
/products
dans leApp.jsx
pour créer la page "Produits", élargissant ainsi la fonctionnalité de l'application ; - Navigation Améliorée : La navigation dans le
Bar.jsx
inclut désormais un lien vers la page "Produits", facilitant l'accès des utilisateurs à cette nouvelle vue ; - Composant
ProductsPage
: Le cœur de notre page "Produits" est le composantProductsPage
. Il rend et gère les données des produits, offrant une expérience interactive.
Explorez l'ensemble de l'application dans le Code Sandbox fourni pour voir ces mises à jour en action.
Tout était clair ?
Merci pour vos commentaires !
Section 3. Chapitre 4