React et Redux les fondamentaux

Objectifs

Maîtrise des concepts fondamentaux de React JS et Redux
Création d'interfaces web interactives et dynamiques
Gestion efficace de l'état global d'une application avec Redux
Déploiement d'applications web prêtes pour la production
Utilisation des composants et des Hooks pour structurer et gérer l'état de l'application

Programme de la formation

Module 1 : Découverte de React JS
Introduction à React JS : Historique, concepts clés et avantages.
Création et utilisation des composants React.
Gestion des props et de l'état local : Principes fondamentaux et manipulation.
Module 2 : Maîtrise du cycle de vie des composants
Comprendre les étapes du cycle de vie : Mounting, updating, unmounting.
Utilisation des méthodes clés : componentDidMount, componentDidUpdate, componentWillUnmount.
Introduction aux hooks : Gestion des effets secondaires avec useEffect.
Module 3 : Gestion des interactions et des formulaires
Gestion des événements utilisateurs dans React.
Création de formulaires interactifs : Validation et manipulation des données.
Atelier pratique : Construire un formulaire dynamique et fonctionnel.
Module 4 : Premiers pas avec Redux
Concepts de base de Redux : Store, actions, reducers.
Architecture Redux : Gestion unidirectionnelle des données.
Exercices pratiques : Gestion d'état simplifiée avec Redux.
Module 5 : Intégrer Redux dans une application React
Configuration de Redux avec React : Utilisation du Provider.
Connexion des composants à Redux : Méthodes connect et hooks (useSelector, useDispatch).
Projet pratique : Implémenter une gestion globale d'état dans une application React.
Module 6 : Approfondissement avec middleware et outils de développement
Comprendre et utiliser les middlewares avec Redux, notamment Redux Thunk.
Débogage avancé avec Redux DevTools : Diagnostic et correction des erreurs d'état.
Gestion des actions asynchrones : Appels API et promesses avec Redux.
Module 7 : Déployer une application React en production
Préparation pour la production : Minification, bundling et optimisation avec Webpack.
Déploiement sur des plateformes cloud : Netlify, Vercel, et alternatives.
Bonnes pratiques pour le déploiement : Sécurisation et optimisation des performances.

Validation et sanction

Maîtrise des concepts clés de React JS
Création et gestion des composants React
Utilisation des props et de l'état local dans les applications
Gestion des événements et création de formulaires interactifs
Compréhension du cycle de vie des composants et utilisation des hooks
Capacité à manipuler le DOM de manière dynamique avec React
Maîtrise des concepts de base de Redux (store, actions, reducers)
Intégration de Redux dans une application React pour la gestion d'état global
Utilisation de Redux Thunk pour la gestion des actions asynchrones
Débogage et optimisation des applications avec Redux DevTools
Déploiement d'une application React prête pour la production

Type de formation

Non certifiante

Sortie

Information non communiquée