React et Redux - Les fondamentaux

Objectifs

• Maîtriser les concepts fondamentaux de React JS et Redux.
• Créer des interfaces web interactives et réactives.
• Gérer l'état global d'une application de manière optimale avec Redux.
• Préparer et déployer une application pour un environnement de production.
• Utiliser les composants et les Hooks pour structurer et gérer l'état de l'application de façon efficace.

Programme de la formation

Module 1 : Introduction à React JS

• Vue d'ensemble de React JS : historique, concepts, avantages.
• Création et organisation des composants.
• Gestion des props et de l'état local.

Module 2 : Cycle de vie des composants

• Comprendre le cycle de vie : mounting, updating, unmounting.
• Méthodes clés : componentDidMount, componentDidUpdate, componentWillUnmount.
• Introduction à useEffect pour gérer les effets secondaires.

Module 3 : Gestion des événements et formulaires

• Manipulation des événements utilisateurs dans React.
• Création de formulaires dynamiques avec validation.
• Exercice pratique : construire un formulaire interactif.

Module 4 : Introduction à Redux

• Principes de base : store, actions, reducers.
• Flux unidirectionnel des données avec Redux.
• Cas pratiques de gestion d'état avec Redux.

Module 5 : Intégration de Redux avec React

• Configuration de Redux dans une application React.
• Connexion des composants avec connect, useSelector et useDispatch.
• Exercice pratique : gestion d'un état global.

Module 6 : Middleware et outils de développement

• Introduction aux middlewares, notamment Redux Thunk.
• Debugging avec Redux DevTools.
• Gestion des actions asynchrones et appels API.

Module 7 : Déploiement d'une application React

• Optimisation pour la production : minification, bundling.
• Déploiement sur des plateformes comme Netlify ou Vercel.
• Meilleures pratiques de déploiement : sécurité et performance.

 

Validation et sanction

• Maîtrise des concepts de base de React : Savoir créer et organiser des composants, gérer les props et l'état local.
• Gestion du cycle de vie des composants : Comprendre les phases du cycle de vie d'un composant et utiliser les hooks comme useEffect.
• Création d'interfaces dynamiques : Savoir gérer les événements utilisateurs et construire des formulaires interactifs avec validation.
• Compréhension de Redux : Savoir gérer l'état global d'une application avec Redux, comprendre le flux de données unidirectionnel, et utiliser le store, les actions et les reducers.
• Intégration de Redux dans React : Savoir connecter Redux à React via Provider, useSelector, et useDispatch pour gérer l'état global efficacement.
• Gestion des actions asynchrones : Utiliser Redux Thunk pour gérer les actions asynchrones et interagir avec des API.
• Déploiement d'applications React : Optimiser une application React pour la production et la déployer sur des plateformes comme Netlify ou Vercel.

Type de formation

Non certifiante

Sortie

Sans niveau spécifique