Aller au contenu
Langage & Développement informatique

ReactJS – Développement d’interfaces web dynamiques

Cette formation de 35 heures permet de découvrir le framework ReactJS, incontournable pour le développement d’interfaces web modernes. Les participants apprendront à créer des composants réactifs, gérer l’état, interagir avec…

35h
Intermédiaire
Mixte

Description de la formation

Cette formation ReactJS s’adresse aux développeurs web et informaticiens souhaitant maîtriser les frameworks modernes pour créer des interfaces dynamiques et performantes. Vous apprendrez les fondamentaux de React, la gestion d’état, les composants réutilisables et l’intégration avec les API REST pour développer des applications web professionnelles.

Sur 35 heures, ce parcours intermédiaire combine des sessions en distanciel et présentiel, permettant une flexibilité maximale tout en bénéficiant d’un accompagnement pratique. Vous mettrez en œuvre vos connaissances sur des projets concrets avec un formateur expert en développement front-end.

Cette formation est éligible CPF (Compte Personnel de Formation), ainsi qu’aux financements OPCO et France Travail selon votre situation professionnelle. ESIC, certifiée Qualiopi, garantit une qualité pédagogique reconnue et un accompagnement individualisé tout au long de votre apprentissage.

Objectifs pédagogiques

  • Créer des interfaces web avec des composants React
  • Gérer l’état avec les hooks (useState, useEffect)
  • Intégrer une API pour charger dynamiquement des données
  • Structurer une SPA avec React Router
  • Concevoir, tester et publier une application React

Programme détaillé

Module 1 Découverte de React et JSX
  • Pourquoi React? Avantages et fonctionnement
  • Composants fonctionnels, props, JSX
  • TP : composants simples avec affichage dynamique
Module 2 État local et interaction
  • Hook useState, gestion des événements
  • Listes, clés, rendu conditionnel
  • TP : mini application TODO
Module 3 useEffect et récupération de données
  • Cycle de vie et useEffect
  • Appels d’API (fetch, axios), chargement conditionnel
  • TP : affichage de données dynamiques
Module 4 Routing et formulaires
  • React Router DOM (v6) : routes, liens, paramètres
  • Formulaires contrôlés, validation
  • TP : mini SPA avec plusieurs vues
Module 5 Projet final
  • Structuration MVC, composants réutilisables
  • Création d’une application finale (catalogue, blog...)
  • Déploiement avec Vercel ou GitHub Pages
  • Présentation et évaluation

Prérequis

  • Bonne maîtrise du JavaScript ES6+, HTML et CSS
  • Connaissances du DOM, des fonctions fléchées, objets, tableaux et modules requises

Public visé

  • Développeurs front-end, intégrateurs, full-stack ou toute personne souhaitant moderniser ses interfaces web avec un framework performant

Modalités de la formation

  • ⏱ Durée : 35h
  • 📍 Format : Mixte (présentiel + distanciel)
  • 📊 Niveau d'entrée : Intermédiaire
  • 🎯 Pédagogie : Apports théoriques, exercices pratiques, études de cas, projet fil rouge
  • 🗓️ Délai d'accès : variable selon le mode de financement, généralement de 11 jours ouvrés à 1 mois après l'inscription. En savoir plus.
  • ♿ Accessibilité : Chaque demande émanant d'une personne en situation de handicap fait l'objet d'une étude de faisabilité et d'adaptation. Contactez notre référent handicap.
🏆
Passage de la certification obligatoire

Cette formation se conclut par le passage d'une certification officielle, indispensable à la validation de votre parcours.

Équipe pédagogique

Nos formations sont conçues et animées par une équipe de formateurs experts, sélectionnés pour leur double compétence : une expertise métier acquise sur le terrain et une réelle expérience pédagogique. Le suivi de chaque apprenant est assuré par un référent pédagogique dédié.

  • Formateurs professionnels spécialistes de leur domaine, en veille permanente sur les évolutions du secteur
  • Référent pédagogique dédié, disponible tout au long du parcours
  • Contenus régulièrement actualisés et adaptés au niveau de chaque participant
  • Référent handicap pour l'accueil et l'adaptation des personnes en situation de handicap

Ressources pédagogiques

  • Support PDF récapitulatif React
  • Code source commenté des TP
  • Démo en live et version finale déployée
  • Liste de ressources pour approfondir

Suivi de l'exécution et évaluation

  • Évaluation des TP par formateur
  • Projet final noté avec grille de critères
  • Feuille de présence et satisfaction
  • Attestation de fin de formation

Accessibilité

Nous accordons une attention particulière à l'accueil des personnes en situation de handicap. Si vous êtes concerné(e) et souhaitez suivre cette formation, nous vous invitons à nous contacter dès que possible. Ensemble, nous étudierons vos besoins spécifiques et mettrons en place les adaptations nécessaires pour garantir votre accès à la formation dans les meilleures conditions.

Fiche mise à jour le 7 juillet 2026.