ReactJs

Cette formation vous initie au développement d’interfaces web dynamiques avec React.js, la bibliothèque JavaScript développée par Meta. Vous apprendrez à créer des composants réactifs, à structurer vos applications en modules et à manipuler les états de manière fluide.

Pour qui ?

Développeurs JavaScript, front-end ou fullstack souhaitant créer des applications web modernes, réactives et modulaires avec React.

Introduction à React.js

  • Présentation de React : philosophie, avantages, cas d’usage
  • Environnement de développement : Node.js, npm, Create React App, Vite
  • Structure d’un projet React : composants, arborescence, fichiers essentiels
  • Fonctionnement du rendu virtuel (Virtual DOM)

Composants et JSX

  • Syntaxe JSX : intégration HTML + JavaScript
  • Création de composants fonctionnels
  • Utilisation et transmission des props
  • Réutilisation et composition de composants

Gestion de l’état local avec useState

  • Déclaration d’un state local avec le hook useState()
  • Mise à jour de l’état et réactivité du rendu
  • Événements utilisateurs : clic, saisie, soumission de formulaire
  • Passage de données entre composants parents et enfants

Cycles de vie et effets avec useEffect

  • Introduction aux hooks de cycle de vie
  • Utilisation de useEffects() pour le chargement et la mise à jour
  • Nettoyage d’effets et dépendances
  • Exemple d’appel API avec fetch()

Listes, conditions et formulaires

  • Rendu conditionnel avec opérateurs logiques
  • Parcours de tableaux : map() et clés uniques
  • Gestion des formulaires : champs, état, validation simple
  • Contrôle et soumission des données utilisateur

Structure d’une application

  • Organisation des composants et des vues
  • Navigation entre pages, paramètres d’URL
  • Gestion d’une page 404 et des liens dynamiques

Introduction à la gestion globale de l’état

  • Limites du useState() en cascade
  • Introduction à useContext() pour le partage d’état
  • Comprendre le fonctionnement de React et la création de composants réutilisables
  • Créer une application web interactive en respectant la logique déclarative 
  • Connaissances des fonctionnalités essentielles de Javascript

Modalités de mise en œuvre de l’action de formation

Au démarrage de la session, le formateur échangera avec le(s) stagiaire(s) afin d’effectuer une analyse de leurs attentes, de leurs besoins et de leurs acquis.

Moyens pédagogiques, techniques et d’encadrement :

  •  Moyens et méthodes pédagogiques :
    o Apports théoriques et mises en pratique.
    o Chaque point du programme fait l’objet d’une explication théorique appuyée d’une démonstration. Elle est suivie d’une mise en pratique par le biais d’exercices concrets
  •  Moyens techniques :
    o Un ordinateur équipé des logiciels et outils nécessaires à la réalisation de la formation
  •  Moyens d’encadrement :
    o Formateur possédant plusieurs années d’expérience
    o Chargé(e) du projet Numerica

Moyen de suivre l’exécution de la formation :

  • Une feuille d’émargement sera signée par les stagiaires à chaque début de session (matin et après-midi)

Moyens permettant d’évaluer les résultats de la formation :

  • Une évaluation de la formation sera complétée par le stagiaire au terme de la session
  • Le formateur évaluera les acquis des stagiaires tout au long de la formation par des mises en situations pratiques.
Durée : 3 jours
Tarif : 1 920 € HT

Dijon :

Session 1 :

du 2 au 4/04/2026

Session 2 :

du 14 au 16/12/2026

Montbéliard :

Session 1 :

du 27 au 29/04/2026

Session 2 :

du 2 au 4/09/2026
Contactez-nous

Cette formation peut-être réalisée en session sur-mesure.

Contactez-nous pour construire ensemble une formation adaptée à vos besoins.

Contactez-nous