Formation React, Développer avec la bibliothèque JavaScript
Découvrir React pour structurer des interfaces web en composants et bâtir une application claire, avec navigation et état partagés.
- Référence formation :
- 3DRF
- Durée :
- 28 heures
- Satisfaction :
- Prix :
- 2700 € HT
Présentation de la formation
Cette formation React vous permettra d’apprendre à industrialiser, structurer et optimiser vos développements d’applications Web JavaScript en utilisant la bibliothèque React créée par Facebook. Vous découvrirez également Redux, une bibliothèque de gestion d’états.
Objectifs pédagogiques
- Créer une application React
- Mettre en œuvre les concepts de la programmation fonctionnelle et déclarative
- Développer des interfaces utilisateurs à base de composants
- Gérer la navigation au sein de l’application
- Mettre en place une architecture de gestion d’état de l’application avec Redux
- Tester le code et les composants
Public visé
La formation React | Développement front-end en JavaScript peut être réalisée par des :
- Développeurs,
- Architectes techniques,
- Chefs de projet.
Prérequis
- Maîtriser les langages HTML et CSS
- Maîtriser le langage JavaScript
JavaScript et EcmaScript 6+
- Rappels élémentaires sur le langage
- Maîtriser les closures
- Les bonnes pratiques en JavaScript
- Nouvelle gestion des classes
- Les arrow functions
- Les template strings
- L’héritage de classe
- Spread & Rest
- Comprendre la déstructuration d’objets et de tableaux
- Modulariser les applications web
Travaux pratiques : Installation de l’environnement de développement, manipulation du langage JavaScript
React et les Composants
- La philosophie des composants
- Découverte du langage « JSX » et de la transpilation
- Créer une hiérarchie de composants
- Transfert d’informations avec les props
- Architecturer notre projet, Smart & Dump components
- Contrôler le réaffichage d’un composant
- Gestion dynamique et statique du state
- Comprendre le « VirtualDOM »
- Optimiser les performances de son application
- Cycle de vie d’un composant
- Créer un composant « fonctionnel »
- Rendez votre code pérenne avec les « propTypes »
- Mise en place de la projection avec les composants
Travaux pratiques : Réalisation d’une application permettant de manipuler les composants et leur cycle de vie ainsi que la mise en page
Les formulaires
- Dynamiser la validation des formulaires
- Composants contrôlés
- Composants non contrôlés
- Marquer les éléments du DOM avec les références
- Bien penser ses formulaires
Le routing
- Mise en place de routes complexes
- Configuration du système de routing
- Manipuler la navigation des pages
- Ajouter des paramètres dans nos routes
- Cycle de vie des routes
Travaux pratiques : Réalisation d’une application permettant de mettre en place plusieurs pages et de naviguer entre elles.
Redux
- Flux et Redux : présentation
- Propagation de données
- Comparaison des architectures
- Création de vues et contrôleurs dans Flux
- Rôle du dispacther dans Flux pour les actions
- Les « Stores », gestionnaire d’états logique dans Flux
- Approche avec Redux
- Le « Reducer »
Travaux pratiques : Réalisation d’une application permettant de mettre en place la gestion d’état de l’application basée sur Redux
Tests unitaires
- Introduction à Jest, le JUnit de Javascript
- Tester un composant
- Tester le DOM avec « dom-testing-library »
- Le principe F.I.R.S.T.
Travaux pratiques : En s’appuyant sur une application réalisée précédemment, ajout des outils Esllint, Jest et Enzime
Server Side Rendering
- Les avantages du server side rendering (SSR)
- Intégration dans Redux
- Principe et bénéfices du développement isomorphique
- Ecosystème du JavaScript côté serveur
- Initiation à NodeJS
- Configuration de NodeJs pour React
- Mise en place du SSR
Internationalization (i18n)
- Stratégie de mise en place avec les fichiers JSON
- Les principales librairies d’internationalisation
- Intégration dans React et Redux
Librairies populaires de React
- ReactNative
- NextJS
- Material UI / React Bootstrap
Dernière mise à jour le 24 septembre 2026
Cette session n’a pas de date programmée, veuillez nous contacter pour en planifier une.
Modalités pratiques et pédagogiques
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.
Nous consulter.
Nos formations peuvent être adaptées à certaines conditions de handicap. Nous contacter pour toute information et demande spécifique.
À distance
Présentiel
35h
Formation MERN, Développement Full Stack (Mongo, Express, React, Node)
À partir de 3 280€
À distance
Présentiel
14h
Formation Programmation Shell (Avancé)
À partir de 1 540€
Financement possible
À distance
Présentiel
28h
Formation Angular, Maîtriser le framework Front-End
À partir de 2 700€