REACT (4-063)
Lot 4 - Développement - Développement logiciel - Référence 4-063
Formation créée le 10/12/2024. Dernière mise à jour le 19/02/2026.Version du programme : 1
Type de formation
PrésentielDurée de formation
18 heures (3 jours)REACT (4-063)
Lot 4 - Développement - Développement logiciel - Référence 4-063
Objectif général: À l’issue de la formation, les participants seront capables de concevoir, développer et optimiser des applications web interactives (Single Page Applications) en utilisant ReactJS et des outils associés. Modalité : Toutes les modalités (présentiel, classe virtuelle et hybride) sont possibles Lieu possible de réalisation : Locaux du bénéficiaire ou locaux d’Ascent Formation, en France métropolitaine et dans les DROM-COM Nombre maximal de participants : 20 Niveau SAME visé : Maîtrise (M) Compétences visées Utiliser ReactJS pour développer des composants réutilisables et modulaires. Concevoir des Single Page Applications en utilisant ReactJS et des flux de données (Redux, Flux). Exploiter le subset JavaScript JSX pour rendre le code React plus lisible et efficace. Optimiser les performances des applications web interactives.
Objectifs de la formation
- Maîtriser la création et l’utilisation de composants ReactJS.
- Structurer une application web avec des flux de données unidirectionnels.
- Intégrer les concepts de JSX dans le développement ReactJS.
- Améliorer les performances et l’expérience utilisateur des applications ReactJS.
Profil des bénéficiaires
- Développeurs web souhaitant se spécialiser dans le développement front-end avec ReactJS.
- Ingénieurs logiciels travaillant sur des projets d’applications web interactives.
- Toute personne ayant des connaissances en JavaScript et souhaitant apprendre ReactJS.
- Connaissance intermédiaire en JavaScript.
- Familiarité avec les concepts de programmation web (HTML, CSS, DOM).
Contenu de la formation
Jour 1 : Introduction et fondamentaux de ReactJS (6 heures)
- Introduction à ReactJS (1 heure) Historique, caractéristiques et avantages de ReactJS. Configuration de l’environnement de développement (Node.js, npm, Webpack). Travaux pratiques : Créer une première application React.
- Composants et état (2 heures) Création et gestion des composants. State, props et gestion des interactions utilisateur. Travaux pratiques : Développer des composants interactifs.
- Introduction à JSX (2 heures) Concepts et syntaxe de JSX. Utilisation de JSX pour simplifier la gestion des vues. Travaux pratiques : Transformer des vues HTML en composants React avec JSX.
- Cycle de vie des composants (1 heure) Méthodes du cycle de vie : mount, update, unmount. Travaux pratiques : Gérer le cycle de vie des composants dans une application.
Jour 2 : Avancées en ReactJS et flux de données (6 heures)
- Flux de données et état global (2 heures) Introduction à Redux et Flux. Gestion de l’état global d’une application React. Travaux pratiques : Intégrer Redux dans une application React.
- Routage avec React Router (2 heures) Création de routes et navigation dans une application SPA. Gestion des paramètres et des redirections. Travaux pratiques : Ajouter un routage dans une application React.
- Gestion des événements et formulaires (2 heures) Gestion des événements utilisateur avec React. Validation et soumission de formulaires. Travaux pratiques : Créer et valider un formulaire dans une application React.
Jour 3 : Optimisation des performances et projet final (6 heures)
- Optimisation des performances (3 heures) Introduction à React.memo, useMemo et useCallback. Analyse et optimisation du rendu des composants. Travaux pratiques : Optimiser une application pour réduire le temps de rendu.
- Projet final (3 heures) Scénario : Développer une Single Page Application complète avec ReactJS. Étapes : création des composants, intégration des flux de données, routage et optimisation. Travaux pratiques : Réalisation du projet sous supervision.