Formation React, Développer avec la bibliothèque JS (Avancé) Mixed: In person / distance learning

• Maîtriser les mécanismes avancés de l'écosystème React.
• Améliorer la performance et la fluidité d'applications complexes.
• Structurer un code base robuste, maintenable et évolutif.
• Intégrer et exploiter des bibliothèques complémentaires essentielles à l'écosystème React.
• Enrichir l'expérience utilisateur grâce à des techniques avancées autour de Redux et de son écosystème.

• Développeurs web
• Architectes

• Expérience pratique de React et Redux 

Module 1- Bases avancées et environnement

• Révision des nouveautés JavaScript (ES6+) et organisation modulaire.
• Fonctionnement interne de React : Virtual DOM, JSX, flux unidirectionnel.
• Présentation des outils, extensions et bonnes pratiques de l'écosystème.
• Travaux pratiques : création d'un environnement moderne et d'un petit projet.

Module 2- Qualité, typage et tests

• Structurer les composants : PropTypes, valeurs par défaut, documentation via Storybook.
• Introduction au typage statique (TypeScript ou Flow).
• Méthodes de prototypage de composants.
• Mise en place de tests unitaires et fonctionnels.
• Travaux pratiques : typage de composants existants et ajout de tests automatisés.

Module 3- Patterns avancés et hooks

• Higher-Order Components : principes et usages.
• Portals : intégration de composants hors hiérarchie DOM.
• Context API : partage de données ou de services.
• Hooks natifs : useState, useEffect et leur logique fonctionnelle.
• Création et organisation de hooks personnalisés.
• Travaux pratiques : implémentation de différents patterns et création de hooks personnalisés.

Module 4- Redux avancé

• Rappels : store, actions, reducers et intégration dans React.
• Gestion avancée des formulaires (Redux Form ou alternatives).
• Persistance du state avec Redux Persist.
• Conception d'un middleware personnalisé.
• Travaux pratiques : intégration d'un formulaire géré avec Redux et ajout d'un middleware simple.

Module 5- Performance et optimisation

• Lazy loading, Suspense, concurrent features, caching.
• Introduction au SSR avec Next.js.
• Optimisation du cycle de vie des composants.
• Immutabilité et composants purs.
• Travaux pratiques : mise en place du code splitting et analyse de performance.

Module 6- Animations & transitions

• Animations CSS et transitions manuelles.
• Utilisation de React Transition Group.
• Tour d'horizon des bibliothèques d'animation.
• Travaux pratiques : ajout de transitions visuelles sur plusieurs composants.

Module 7- Internationalisation

• Comprendre internationalisation et localisation.
• Panorama des outils d'i18n.
• Intégration dans React et Redux.
• Travaux pratiques : ajout d'un module de traduction et configuration du changement de langue.

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

• Formation en présentiel
• En groupe (inter-entreprises ou intra-entreprise)
• En individuel (monitorat)
• En journée ou en cours du soir (sur demande spécifique)
• Formation en distanciel
• Distanciel synchrone
• Distanciel asynchrone

• Alternance d'apports théoriques et de mises en pratique contextualisées.
• Progression pédagogique structurée, de la compréhension à la mise en œuvre opérationnelle.
• Pédagogie immersive favorisant une mise en application immédiate des compétences.
• Formation interactive et participative s'appuyant sur des ateliers pratiques, études de cas et échanges collectifs (+ 60 % du temps de formation.)
• Séquences pédagogiques rythmées et évaluations formatives régulières pour renforcer l'ancrage des apprentissages.
• Supports de cours, ressources documentaires et références mis à disposition par le formateur

En amont de la formation (évaluation en ligne dans l'extranet apprenant)

• Recueil des besoins et des attentes des participants.
• Auto-positionnement permettant d'évaluer le niveau initial des apprenants.

Tout au long de la formation

• Évaluations continues réalisées par le formateur travers des questions orales, exercices, QCM, études de cas et mises en situation pratiques.
  
  

À l'issue de la formation (évaluations en ligne dans l'extranet apprenant)

• Auto-positionnement afin de mesurer l'acquisition des compétences visées.
• Validation de l'acquisition des compétences par le formateur
• Questionnaire de satisfaction « à chaud » à l'issue de la formation
• Questionnaire de satisfaction "à froid", 45 jours après la formation afin d'évaluer l'ancrage des acquis et leur mise en application en situation professionnelle.

• Admission sans disposition particulière