Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Comment obtenir et optimiser le financement OPCO des TPE en 2025 ?

Découvrez un guide pratique et à jour pour comprendre, solliciter et maximiser le financement OPCO dédié aux TPE en 2025. Toutes les étapes, conseils et nouveautés à connaître pour financer vos actions de formation.

Allan Busi

30 juin 202414 min

Guide Pratique 2025 : Comment Réussir en tant qu’Enseignant Aujourd’hui ?

Découvrez dans ce guide pratique 2025 les conseils, outils et stratégies essentiels pour accompagner et former efficacement en tant qu’enseignant, à l’ère du numérique et de l’innovation pédagogique.

Allan Busi

30 juin 202415 min

Comment trouver une entreprise en alternance en 2025 ? Guide complet et stratégies à jour

Découvrez les étapes clés, les astuces actualisées et les ressources incontournables pour décrocher une entreprise en alternance en 2025.

Allan Busi

30 juin 202412 min

Pourquoi les PME ont tout intérêt à recruter en alternance en 2025 ?

Découvrez pourquoi, en 2025, les PME ont tout à gagner à engager des alternants : avantages économiques, accès à de nouveaux talents et adaptation aux mutations du travail.

Allan Busi

30 juin 202412 min

Voir tous les articles

Objectifs de la formation

Comprendre les fondamentaux du routing côté client avec React

Savoir utiliser React Router pour créer une architecture de navigation SPA évolutive

Maîtriser la gestion des routes imbriquées et dynamiques

Gérer les redirections, accès protégés et gestion d’erreurs de navigation

Optimiser le chargement de modules (lazy loading) avec React Router

Intégrer le routing dans des projets professionnels avec gestion des paramètres et navigation conditionnelle

Programme

Jour 1Introduction au routing avec React et fondamentaux de React Router

Historique du routage web et SPA. Installation et mise en place de React Router. Définition des routes simples, navigation par liens. Passage des props via la navigation. Première application complète utilisant le routing.

Jour 2Routes dynamiques, imbriquées et navigation conditionnelle

Gestion des routes paramétrées et dynamiques, extraction des paramètres d’URL. Création de routes imbriquées (routes enfants). Gestion des routes privées/protégées et authentification. Redirections et catch-all (pages 404). Approfondissement des hooks (useHistory/useNavigate, useParams, useLocation).

Jour 3Techniques avancées : performance, accessibilité et intégration dans des projets réels

Lazy loading des composants de page (React.lazy, Suspense). Optimisation du routing pour la performance. Bonnes pratiques pour l’accessibilité de la navigation. Gestion de l’historique du navigateur. Mise en œuvre d’une architecture évolutive et factorisation du code. Exercices : intégration de React Router dans un projet concret, gestion des cas d’erreurs et des états de chargement.

Méthode d'évaluation

QCM de validation en fin de formation
Exercices pratiques corrigés chaque jour
Projet fil rouge à compléter

Méthode d'apprentissage

Démonstrations en direct et cas concrets
Exercices progressifs et évaluation continue
Support de cours détaillé avec exemples de code
Atelier projet pour une intégration professionnelle

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment obtenir et optimiser le financement OPCO des TPE en 2025 ?

Guide Pratique 2025 : Comment Réussir en tant qu’Enseignant Aujourd’hui ?

Comment trouver une entreprise en alternance en 2025 ? Guide complet et stratégies à jour

Pourquoi les PME ont tout intérêt à recruter en alternance en 2025 ?

Maîtriser la navigation avec React Router : De l’initiation à l’intégration avancée

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtriser la navigation avec React Router : Formation professionnelle complète

Maîtriser la génération de fichiers PDF avec React PDF : De l’initiation à la création avancée de documents dynamiques

Maîtriser la gestion des données asynchrones avec React Query : Optimisez vos applications React

Maîtriser Ant Design pour des Interfaces React Professionnelles