React et Redux les fondamentaux

Objectifs

Assimiler les fondamentaux de React JS et Redux
Comprendre le fonctionnement de React JS, son architecture basée sur les composants, ainsi que les principes clés de Redux pour la gestion prévisible de l'état. Cela inclut l'étude du Virtual DOM, des props, du state et du flux de données unidirectionnel.
Créer des interfaces web interactives et dynamiques
Apprendre à concevoir des applications réactives en exploitant les fonctionnalités de React, telles que la gestion des événements, la mise à jour dynamique de l'interface utilisateur et l'optimisation des performances grâce au rendu conditionnel et aux listes dynamiques.
Gérer efficacement l'état global d'une application avec Redux
Mettre en place un store centralisé avec Redux pour mieux organiser et synchroniser les données entre les différents composants de l'application. Découvrir les concepts clés comme les actions, les reducers et le middleware pour améliorer la scalabilité et la maintenabilité du projet.
Déployer une application prête pour la production
Optimiser le code et configurer correctement le projet pour un déploiement efficace. Cela comprend l'utilisation d'outils comme Webpack, Babel, et l'optimisation des performances avec React.memo ou le lazy loading. Découvrir les différentes solutions d'hébergement et de CI/CD pour automatiser le déploiement.
Utiliser les composants et les Hooks pour structurer et gérer l'état de l'application
Explorer l'approche moderne de React avec les Hooks (useState, useEffect, useContext, etc.) pour gérer l'état et les effets de manière efficace. Adopter les bonnes pratiques de développement en créant des composants réutilisables et en organisant son projet de manière modulaire.

Programme de la formation

Module 1 : Découverte de React JS
Introduction à React JS avec son origine, ses concepts clés et ses atouts. Les composants React, leur création, structuration et réutilisation. Gestion des données avec les différences entre props et état local, manipulation et bonnes pratiques.
Module 2 : Cycle de vie des composants
Comprendre les différentes phases : montage, mise à jour et démontage. Exploration des méthodes essentielles du cycle de vie, telles que componentDidMount, componentDidUpdate et componentWillUnmount. Introduction aux Hooks avec l'utilisation de useEffect pour gérer les effets secondaires.
Module 3 : Gestion des événements et formulaires
Gestion des interactions utilisateur à travers les événements synthétiques dans React. Création de formulaires dynamiques avec saisie, validation et mise à jour des données. Mise en pratique avec le développement d'un formulaire interactif.
Module 4 : Notions fondamentales de Redux
Comprendre le fonctionnement de Redux avec le store, les actions et les reducers. Approfondissement de l'architecture Redux et du flux de données unidirectionnel. Mise en application à travers des cas concrets de gestion d'état global.
Module 5 : Intégration de Redux dans une application React
Configuration de Redux et utilisation de Provider pour intégrer Redux dans une application React. Connexion aux composants à l'aide des méthodes connect, useSelector et useDispatch. Projet pratique d'implémentation d'un état global dans une application React.
Module 6 : Middleware et outils de développement
Présentation des middlewares et introduction à Redux Thunk. Utilisation avancée de Redux DevTools pour le debugging et la correction des erreurs d'état. Gestion des actions asynchrones avec les appels API et la manipulation des promesses.
Module 7 : Déploiement d'une application React
Optimisation pour la production avec minification et bundling via Webpack. Hébergement sur le cloud avec des solutions comme Netlify et Vercel. Mise en place des bonnes pratiques de déploiement pour assurer la sécurité et optimiser les performances de l'application.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique