Développement

Formation REACT (4-063)

3 jour(s) • 18h

Éligible OPCO

8,8/10 avis apprenants

Description

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.

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.

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).

1
Jour 1 : Introduction et fondamentaux de ReactJS (6 heures)
- Introduction à ReactJS (1 heure)
2
Historique, caractéristiques et avantages de ReactJS.
3
Configuration de l’environnement de développement (Node.js, npm, Webpack).
4
Travaux pratiques : Créer une première application React.
- Composants et état (2 heures)
5
Création et gestion des composants.
6
State, props et gestion des interactions utilisateur.
7
Travaux pratiques : Développer des composants interactifs.
- Introduction à JSX (2 heures)
8
Concepts et syntaxe de JSX.
9
Utilisation de JSX pour simplifier la gestion des vues.
10
Travaux pratiques : Transformer des vues HTML en composants React avec JSX.
- Cycle de vie des composants (1 heure)
11
Méthodes du cycle de vie : mount, update, unmount.
12
Travaux pratiques : Gérer le cycle de vie des composants dans une application.
13
Jour 2 : Avancées en ReactJS et flux de données (6 heures)
- Flux de données et état global (2 heures)
14
Introduction à Redux et Flux.
15
Gestion de l’état global d’une application React.
16
Travaux pratiques : Intégrer Redux dans une application React.
- Routage avec React Router (2 heures)
17
Création de routes et navigation dans une application SPA.
18
Gestion des paramètres et des redirections.
19
Travaux pratiques : Ajouter un routage dans une application React.
- Gestion des événements et formulaires (2 heures)
20
Gestion des événements utilisateur avec React.
21
Validation et soumission de formulaires.
22
Travaux pratiques : Créer et valider un formulaire dans une application React.
23
Jour 3 : Optimisation des performances et projet final (6 heures)
- Optimisation des performances (3 heures)
24
Introduction à React.memo, useMemo et useCallback.
25
Analyse et optimisation du rendu des composants.
26
Travaux pratiques : Optimiser une application pour réduire le temps de rendu.
- Projet final (3 heures)
27
Scénario : Développer une Single Page Application complète avec ReactJS.
28
Étapes : création des composants, intégration des flux de données, routage et optimisation.
29
Travaux pratiques : Réalisation du projet sous supervision.

Ils nous font Confiance

Nos partenaires de confiance

Questions fréquentes

FAQ : Formation REACT (4-063)

Oui, mais la prise en charge d'une formation professionnelle par un OPCO dépend de votre opérateur de compétences, de votre branche d'activité et des critères de financement applicables. Ascent Formation vous accompagne dans l'identification des possibilités de financement adaptées à votre entreprise.
Une formation inter-entreprises réunit des participants issus de différentes organisations, tandis qu'une formation intra-entreprise est organisée pour les collaborateurs d'une même entreprise. Le format intra permet notamment d'adapter le contenu et les modalités aux besoins spécifiques de vos équipes.
Selon la formation proposée, il est possible de suivre une formation professionnelle à distance, en présentiel ou selon d'autres modalités disponibles. Consultez les informations de la session concernée ou contactez-nous pour connaître les formats possibles.
Oui, une formation professionnelle peut être adaptée aux objectifs, au niveau des participants et aux besoins opérationnels de votre entreprise. Ascent Formation vous propose des parcours personnalisés pour accompagner le développement des compétences de vos équipes.