Formation React

Formation créée le 25/11/2025. Dernière mise à jour le 10/03/2026.
Version du programme : 1
Taux de satisfaction des apprenants
9,5/10 (4 avis)

Type de formation

Présentiel

Durée de formation

21 heures (3 jours)

Accessibilité

Oui

Formation React


Ce programme de formation est personnalisé et sera affiné après l’audit technique (Phase 0).

Objectifs de la formation

  • Maîtriser l’intégration Drupal React
  • Performance et optimisation
  • Tests et qualité de code
  • Hooks avancés
  • Bonnes pratiques et patterns
  • Harmoniser les connaissances de base React
  • Maîtriser les hooks essentiels
  • Poser les bases de l’architecture et des bonnes pratiques
  • Préparer le terrain pour les sessions de janvier
  • Consolider les acquis de décembre
  • Maîtriser l’intégration Drupal React
  • Comprendre l’architecture hybride
  • Gérer l’authentification et la sécurité
  • Consolider tous les acquis
  • Approfondir state management et tests
  • Maîtriser performance et design patterns
  • Finaliser le plan de migration

Profil des bénéficiaires

Pour qui
  • Développeur CMS/Drupal
  • Développeur Full Stack Junior
  • Développeur Backend Senior
  • Tech Lead / CTO
Prérequis
  • Tous ont un niveau avancé en front-end
  • Très bonne maîtrise JavaScript ES6+ (async/await, destructuring, spread)
  • 2 personnes utilisent déjà Next.js en production
  • TypeScript déjà utilisé par tout le monde
  • Expérience solide en développement (7-16 ans)

Contenu de la formation

Phase 0 : Mini-Audit Technique
  • Audit du code existant
  • Cartographie du projet
  • Recommandations technologiques
Session 1 : Décembre (1 jour 7h)
  • Intro & Contexte
  • React Moderne : Philosophie & Fondamentaux
  • Hooks Fondamentaux : useState & useEffect
  • Hooks Avancés Partie 1
  • Architecture & Structuration du Code
  • Custom Hooks : Introduction
  • Wrap-up & Exercices Inter-Sessions
Période Inter-Sessions (3-4 semaines)
  • Support Continu
  • Objectif Entre les Sessions
Session 2 : Janvier Jour 1 (7h)
  • Retour d’Expérience & Déblocages
  • Stratégies de Migration
  • Communication Drupal React
  • State Management : Context API
  • Next.js : Deep Dive
  • Architecture Hybride Drupal/React
Période Inter-Sessions 2 (1-2 semaines)
Session 3 : Janvier Jour 2 (7h)
  • Retour d’Expérience & Déblocages
  • State Management Avancé
  • Design Patterns React
  • Performance & Optimisation
  • Tests React
  • Storybook & Design System
  • Plan de Migration Finalisé

Équipe pédagogique

Responsable Pédagogique & Référent Qualité Julien Broue Tél : 06 58 43 43 78 Email : j.broue@easypartner.fr Référente Handicap et administrative Sandrine Blondeau Tél: : 07 44 44 30 28 Email : s.blondeau@easypartner.fr

Suivi de l'exécution et évaluation des résultats

  • Participation active de tous
  • Exercices pratiques réussis
  • Questions/réponses constructives
  • Code produit de qualité
  • Autonomie sur la création de composants React
  • Première migration de composant réussie (< 1 semaine)
  • Standards de code appliqués
  • Tests mis en place
  • Plan de migration respecté

Ressources techniques et pédagogiques

  • React Docs
  • Next.js Docs
  • TypeScript Handbook
  • Drupal JSON:API
  • Zustand
  • React Query
  • Jest
  • React Testing Library
  • Playwright
  • Tailwind CSS
  • CSS Modules
  • React Hook Form
  • Zod
  • Yup
  • React DevTools
  • Redux DevTools

Qualité et satisfaction

Questionnaire de satisfaction post-Session 1, Questionnaire final post-Session 3, Point de suivi à J+30, Ajustements selon les retours
Taux de satisfaction des apprenants
9,5/10 (4 avis)

Capacité d'accueil

Entre 4 et 4 apprenants

Accessibilité

Accessible pour toutes les personnes en situation de handicap, notre responsable handicap se tient à votre disposition pour tout renseignements et modalités au numéro 07 44 44 30 28 et mail suivant : s.blondeau@easypartner.fr