Formation React et Redux - Créer une bibliothèque de composants modulaires réutilisables

Apprenez à concevoir une bibliothèque de composants React modulaire, maintenable et partagée, intégrant Redux et les meilleures pratiques de développement front-end.

21 heures | 3 jours
Débutant
Dernière mise à jour : 07/2025
Formation React et Redux - Créer une bibliothèque de composants modulaires réutilisables

logo qualiopi
Objectifs de formation
  • Concevoir des composants React modulaires et réutilisables
  • Intégrer Redux de manière souple dans une bibliothèque
  • Documenter, tester et distribuer une librairie front-end professionnelle
  • Favoriser la cohérence et la maintenabilité dans plusieurs projets
Pré-requis à la formation
  • Maîtrise de React et Redux
  • Connaissances solides en JavaScript ou TypeScript
  • Expérience souhaitée sur un projet front-end modulaire
Programme
Module 1 : Fondamentaux d’une bibliothèque de composants
  • Définir les objectifs d’une librairie de composants
  • Normes de qualité et cohérence visuelle
  • Avantages pour les projets multi-applications
Module 2 : Architecture modulaire et scalable
  • Structurer une librairie réutilisable (atomic design, structure par domaine)
  • Gérer les dépendances internes et externes
  • Séparer UI, logique et gestion d’état
Module 3 : Création de composants réutilisables
  • Créer des composants avec props typées
  • Gestion de la composition et des variantes
  • Appliquer les bonnes pratiques d’accessibilité (a11y)
Module 4 : Intégration de Redux dans les composants
  • Rendre les composants Redux-ready mais découplés
  • Utiliser Redux Toolkit pour un state management propre
  • Exposer des hooks personnalisés pour la logique d’état
Module 5 : Outils de documentation et d’aperçu
  • Intégrer Storybook pour documenter les composants
  • Créer des exemples interactifs et scénarios de test
  • Générer automatiquement une documentation technique
Module 6 : Tests et validation des composants
  • Tester les composants en isolation
  • Valider les comportements Redux avec Jest et Testing Library
  • Gestion des snapshots et tests visuels
Module 7 : Distribution et intégration
  • Préparer le packaging de la librairie (Rollup, Vite, TS)
  • Versionner et publier sur un registre privé/public (npm, GitHub Packages)
  • Intégration dans plusieurs projets front-end (mono-repo ou multi-repo)


Notre organisme est certifié Qualiopi, gage de la qualité de nos services.
Vous pouvez télécharger notre certificat en suivant ce lien :
Téléchargez notre certificat Qualiopi
Informations supplémentaire sur la formation
Modalités pédagogiques

Nous favorisons un apprentissage avec des apports théoriques et des exercices sous forme de travaux pratiques (mise en situation, cas pratiques ...), contrôle continu et qcm pour favoriser l'apprentissage et atteindre les objectifs.

Modalités d'inscription

Inscription possible à tout moment, sous réserve de place disponible, en nous contactant au 0805 691 308. Un délai de rétractation de 14 jours s'applique.

Outils et supports

Nous précaunisons l'utilisation de votre propre ordinateur pour les formations qui ont lieu en présentiel et à distance. Un poste de travail est disponible pour les formations en présentiel. Le support de cours est transmis par le formateur.

Modalités de formation à distance

Les formations à distance se déroule en « classe virtuelle », avec un logiciel de visio-conférence, permettant de vous former dans toute la France depuis votre lieu de travail. Notre outils de visio-conférence favorise l'apprentissage avec des outils comme le partage de la caméra, partage d'écran, un tableau blanc, un espace de dialogue par message, la possibilité pour l'apprenant de « lever la main » pour interpeller le formateur, le partage de fichiers (cours, travaux pratiques ...) et l'enregistrement des sessions pour revoir le cours.

Modalités d'évaluation

Avant la formation
Un audit gratuit et sans engagement est établi notre formateur référent. Un test d'autopositionnement avant l'entrée en formation est envoyé.

Au cours de la formation
Travaux pratiques, mises en situation réel, quiz ... pour valider l'appropriation et la compréhension de chaque notion abordée en formation par les participants.

Après la formation
Une attestation de formation et un certificat de réalisation, reprenant l'ensemble des informations de la formation est remise aux stagiaires. Un certificat est remis au stagiaire après le passage de la certification.

Évaluation qualitative

En fin de formation un questionnaire de satisfaction est à remplir par le stagiaire pour nous permettre d'améliorer notre offre.

Modalités particulières

Nous adaptons les outils et réseaux nécessaires afin d'accueillir, accompagner et former les publics en situation de handicap. avec une adaptation possible du rythme pédagogique et des modalités d'évaluation.Renseignez-vous auprès de la personne référente : Mickael Masset au téléphone 01 83 64 34 37.

Autres formations qui pourraient vous intéresser