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.
Objectifs pédagogiques
- 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.
Public concerné
Prérequis
Déroulé du programme
Jour 1 : Introduction à React et bases fondamentales (6 heures)
- Introduction à React et à son écosystème (1,5 heure)
Présentation de React : rôle et avantages.
Concepts clés : composants, props, état, virtual DOM.
Étude de cas : Analyse d'une application React simple.
- Configuration de l’environnement de développement (2 heures)
Installation de Node.js et NPM.
Configuration de Create React App.
Structure d’un projet React.
Travaux pratiques : Mise en place d’un projet React.
- Création de composants React (2,5 heures)
Différence entre composants fonctionnels et classés.
Passage des props entre composants.
Travaux pratiques : Création d’un ensemble de composants simples.
Jour 2 : Gestion de l’état et interactivité (6 heures)
- Gestion de l’état avec les hooks (2,5 heures)
Introduction aux hooks : useState, useEffect.
Cycle de vie des composants.
Travaux pratiques : Implémentation d’un gestionnaire d’état pour une application React.
- Événements et interactions utilisateur (2 heures)
Gestion des événements utilisateur : clics, formulaires.
Mise à jour de l’interface utilisateur en temps réel.
Travaux pratiques : Ajout d’interactions utilisateur à une application.
- Navigation entre les pages avec React Router (1,5 heure)
Installation et configuration de React Router.
Création de routes et navigation entre pages.
Travaux pratiques : Ajout de la navigation à une application existante.
Jour 3 : Projet et bonnes pratiques (6 heures)
- Organisation et structuration des projets React (2 heures)
Bonnes pratiques pour structurer les dossiers et fichiers.
Modularité et réutilisabilité des composants.
Travaux pratiques : Réorganisation d’un projet React.
- Développement d’un projet complet (3 heures)
Mise en œuvre des connaissances acquises pour développer une application.
Intégration des fonctionnalités : gestion de l’état, navigation, interactions.
Travaux pratiques : Création d’une mini-application de gestion de tâches.
- Déploiement et maintenance d’une application React (1 heure)
Introduction au déploiement sur Netlify ou Vercel.
Mise à jour et maintenance des projets React.
Travaux pratiques : Déploiement d’une application React sur une plateforme cloud.
Informations
Durée
3 jour(s)
18h
2200 € HT
HT
