Formation React.js : Développer des interfaces web modernes

Introduction à React.js et JSX

• —Configurer un environnement de développement React.
• —Écrire des composants fonctionnels simples en JSX.
• —Comprendre le rôle du Virtual DOM dans le rendu.

Composants fonctionnels et Props

• —Structurer des composants React fonctionnels.
• —Transmettre des données entre composants via les Props.
• —Gérer les événements utilisateur dans les composants.

Gestion de l'état local avec useState

• —Déclarer et mettre à jour l'état local avec le Hook useState.
• —Appliquer le State pour rendre les composants dynamiques.
• —Gérer des formulaires simples avec l'état.

Effets de bord et cycle de vie avec useEffect

• —Utiliser le Hook useEffect pour les effets de bord.
• —Gérer le cycle de vie des composants (montage, mise à jour, démontage).
• —Nettoyer les effets pour éviter les fuites de mémoire.

Récupération de données avec useEffect et API REST

• —Interagir avec des API RESTful depuis React.
• —Effectuer des requêtes HTTP (GET, POST) avec fetch ou Axios.
• —Afficher les données récupérées dans l'interface.

Routage client avec React Router

• —Implémenter le routage client pour une application monopage.
• —Définir des routes et naviguer entre les vues.
• —Utiliser les paramètres de route pour des vues dynamiques.

Gestion de l'état global avec useContext et useReducer

• —Partager l'état entre composants non liés avec useContext.
• —Gérer des états complexes avec useReducer.
• —Optimiser les mises à jour d'état complexes.

Optimisation du rendu avec useMemo et useCallback

• —Optimiser le rendu des interfaces utilisateur avec useMemo.
• —Mémoriser des fonctions avec useCallback pour éviter les re-rendus inutiles.
• —Réduire les calculs coûteux dans les composants.

Références et manipulation du DOM avec useRef

• —Accéder directement aux éléments du DOM avec useRef.
• —Gérer le focus et les animations avec les références.
• —Interagir avec des bibliothèques tierces nécessitant un accès direct au DOM.

Création d'un tableau de bord interactif (Projet 1)

• —Appliquer les Hooks pour gérer l'état d'un tableau de bord.
• —Intégrer des données d'API REST dans des graphiques.
• —Structurer des composants pour un tableau de bord.

Développement d'une application de gestion de tâches (Projet 2)

• —Utiliser les Props et le State pour une application de gestion de tâches.
• —Persister les données localement ou via une API.
• —Implémenter des fonctionnalités CRUD (Créer, Lire, Mettre à jour, Supprimer).

Implémentation d'un formulaire de contact dynamique (Projet 3)

• —Gérer l'état d'un formulaire avec les Hooks.
• —Valider les entrées utilisateur côté client.
• —Soumettre les données du formulaire à une API REST.

OPCO

Formations financées via votre opérateur de compétences

FAF

Aide à la formation pour les indépendants

France Travail

Des aides pour les demandeurs d'emploi

Employeur

Votre entreprise peut financer votre formation

FNE-Formation

Un soutien pour les entreprises en transformation

Connaissances fondamentales en HTML, CSS et JavaScript (ES6+). Familiarité avec les concepts de programmation asynchrone et les requêtes HTTP.

Un ordinateur avec un accès internet stable. Un éditeur de code (VS Code recommandé). Node.js et npm (ou yarn) installés. Un navigateur web moderne (Chrome, Firefox).

5 tests d'évaluation sont proposés à l'apprenant en fin de formation pour connaître son niveau sur chaque compétences visées.

Plateforme et contenus e-learning à disposition. Test de positionnement Quizz & Evaluations

Nous vous recevons lors d'un rendez-vous d'information préalable gratuit et confidentiel en visioconférence pour analyser vos besoins et co-construire votre parcours personnalisé. Chaque demande s'accompagne de la remise d'une convention ou d'un contrat précisant l'ensemble des informations relatives à la formation (Tarifs, calendrier, durée, lieu…). Ce contrat/convention sera transmis électroniquement par email.

A partir de l'accord de prise en charge par le financeur sollicité, le bénéficiaire peut démarrer sous un délai de 11 jours ouvrés. Si vous financez votre parcours de formation par vos propres moyens, alors le délai d'accès est immédiat. Vous pouvez entrer en formation tout au long de l'année.

♿️ Nous accueillons les personnes en situation de handicap. Les conditions d'accessibilité aux personnes handicapées sont inscrites sur le site imi-education.fr, rubrique Accessibilité.

Saskia Cazettes Pour tout renseignement : 07 80 91 06 14 / saskia.c@imi-executive-solutions.com

23 mars 2026

La formation alterne apports théoriques, mises en situation pratiques et échanges entre participants. Chaque concept est directement appliqué via des exercices concrets et des cas réels.

Oui, chaque participant reçoit un support de cours complet (format numérique et/ou papier) qu'il peut conserver à l'issue de la formation.

Certaines de nos formations sont éligibles au Compte Personnel de Formation (CPF). Consultez la fiche formation ou contactez-nous pour vérifier l'éligibilité.

Plusieurs dispositifs de financement existent : CPF, OPCO, plan de développement des compétences, financement individuel. Notre équipe peut vous accompagner dans vos démarches.

Oui, notre équipe reste disponible pour toute question post-formation. Vous bénéficiez également d'un accès à nos ressources en ligne pendant 6 mois après votre parcours.

React.js permet de créer des interfaces web interactives et évolutives, ce qui facilite la maintenance et la mise à jour des applications.

Les Hooks sont des fonctions qui permettent de gérer l'état d'une application sans créer de classes, ce qui rend le code plus facile à lire et à maintenir.

Une API RESTful est une architecture pour les applications web qui permet de gérer les données et les interactions entre les applications et les services en ligne. Dans React.js, vous pouvez utiliser des bibliothèques telles que Axios pour interagir avec des API RESTful.

Notre organisme de formation s'engage à accueillir et accompagner les personnes en situation de handicap. Notre référente handicap, Mme Lorène Travaux est disponible pour étudier avec vous les adaptations pédagogiques, techniques ou logistiques nécessaires avant toute inscription. Contactez-nous à hello@imi-executive-solutions.com ou au 06 72 09 69 52.