Développement

REACT initiation (4-104)

3 jour(s) • 18h

Éligible OPCO

8,8/10 avis apprenants

Description

Objectif général de la formation :Permettre aux participants de découvrir les bases du développement avec React et de maîtriser les concepts fondamentaux pour créer des applications web dynamiques et interactives. 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 : Maîtrise (M) Compétences visées : Comprendre les principes fondamentaux de React et son rôle dans le développement web. Configurer un environnement de développement pour React. Créer et manipuler des composants React. Utiliser les hooks de base pour gérer l’état et le cycle de vie des composants.

Découvrir les bases de React et ses concepts principaux.
Développer des interfaces utilisateurs dynamiques avec React.
Gérer les données et l’état des applications avec les hooks.
Intégrer React dans un projet web existant.

Développeurs débutants souhaitant apprendre React.
Développeurs front-end souhaitant se familiariser avec les frameworks modernes.
Étudiants ou professionnels en reconversion dans le domaine du développement web.

Connaissance de base en HTML, CSS et JavaScript.

1
Jour 1 : Introduction à React et bases fondamentales (6 heures)
- Introduction à React et à son écosystème (1,5 heure)
2
Présentation de React : rôle et avantages.
3
Concepts clés : composants, props, état, virtual DOM.
4
Étude de cas : Analyse d'une application React simple.
- Configuration de l’environnement de développement (2 heures)
5
Installation de Node.js et NPM.
6
Configuration de Create React App.
7
Structure d’un projet React.
8
Travaux pratiques : Mise en place d’un projet React.
- Création de composants React (2,5 heures)
9
Différence entre composants fonctionnels et classés.
10
Passage des props entre composants.
11
Travaux pratiques : Création d’un ensemble de composants simples.
12
Jour 2 : Gestion de l’état et interactivité (6 heures)
- Gestion de l’état avec les hooks (2,5 heures)
13
Introduction aux hooks : useState, useEffect.
14
Cycle de vie des composants.
15
Travaux pratiques : Implémentation d’un gestionnaire d’état pour une application React.
- Événements et interactions utilisateur (2 heures)
16
Gestion des événements utilisateur : clics, formulaires.
17
Mise à jour de l’interface utilisateur en temps réel.
18
Travaux pratiques : Ajout d’interactions utilisateur à une application.
- Navigation entre les pages avec React Router (1,5 heure)
19
Installation et configuration de React Router.
20
Création de routes et navigation entre pages.
21
Travaux pratiques : Ajout de la navigation à une application existante.
22
Jour 3 : Projet et bonnes pratiques (6 heures)
- Organisation et structuration des projets React (2 heures)
23
Bonnes pratiques pour structurer les dossiers et fichiers.
24
Modularité et réutilisabilité des composants.
25
Travaux pratiques : Réorganisation d’un projet React.
- Développement d’un projet complet (3 heures)
26
Mise en œuvre des connaissances acquises pour développer une application.
27
Intégration des fonctionnalités : gestion de l’état, navigation, interactions.
28
Travaux pratiques : Création d’une mini-application de gestion de tâches.
- Déploiement et maintenance d’une application React (1 heure)
29
Introduction au déploiement sur Netlify ou Vercel.
30
Mise à jour et maintenance des projets React.
31
Travaux pratiques : Déploiement d’une application React sur une plateforme cloud.

Ils nous font Confiance

Nos partenaires de confiance

Questions fréquentes

FAQ : Formation REACT initiation (4-104)

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.