À propos du cours
Notre formation complète sur React Router DOM vous emmènera à travers une exploration exhaustive de cette bibliothèque de routage cruciale pour les applications web React. Nous vous guiderons pas à pas, en mettant l’accent sur une approche pratique et des projets concrets, pour vous aider à maîtriser chaque aspect essentiel.
Dès le départ, vous serez plongé dans les bases, configurant les routes principales de votre application et naviguant entre les pages à l’aide des composants Link et NavLink. Ensuite, vous plongerez dans des sujets plus avancés, tels que l’utilisation de useParams et searchParams pour manipuler les paramètres d’URL, ainsi que la mise en œuvre de routes dynamiques pour une flexibilité maximale dans la navigation.
Vous explorerez également la gestion des routes imbriquées, apprenant à structurer votre application de manière organisée pour une expérience utilisateur fluide. En outre, nous aborderons la sécurité, en vous montrant comment mettre en place des routes privées et des mécanismes d’authentification pour protéger votre application contre les accès non autorisés.
Pour optimiser les performances, nous vous enseignerons des techniques telles que le chargement différé (lazy loading) des composants, réduisant ainsi les temps de chargement initiaux et améliorant l’expérience utilisateur globale. À travers des projets pratiques, vous aurez l’opportunité de mettre en œuvre vos connaissances théoriques dans des scénarios réels, renforçant ainsi vos compétences de manière significative.
En suivant cette formation, vous émergerez en tant que développeur compétent, capable de créer des applications web React robustes et hautement performantes.
Que vous soyez débutant ou expérimenté, notre programme complet couvre tous les niveaux, vous permettant de progresser à votre rythme.
Contenu du cours
React Router Dom
Introduction et Installation
04:53Fichiers sources
00:00Configuration des routes
05:24Le composant “Link”
04:25Le composant “NavLink”
03:24La navigation programmée
05:26Not Found
02:05Routes Imbriquées
06:03Routes Index
01:06Route Dynamique
05:21useParams
02:28useSearchParams
05:18Lazy
05:32Exercice – Modal présentation
00:39Exercice – Modal
18:19Authentification et routes protégées
20:14Exercice – Books app – présentation
01:02Exercices – Books app
54:04