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

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique