Formation
React et Redux les fondamentaux
- Tout public
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
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
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.
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.
Connaissances fondamentales en JavaScript ES6
Une première expérience en développement web (souhaitée)
Une première expérience en développement web (souhaitée)
Durée en centre : 21 heures
Durée totale : 21heures
Durée totale : 21heures
Formacode (Domaines de formation) :
- 30867 Langage javascript
- 31090 Programmation web
- M1805 Études et développement informatique
- 326 Informatique, traitement de l'information, réseaux de transmission des données
Entrées/sorties permanentes
Formation entièrement présentielle
LIEU DE FORMATION
A distance
Les Docks - Atrium 10.6
13000 MARSEILLE
Les Docks - Atrium 10.6
13000 MARSEILLE
Organisme formateur :
Vivaneo
Vivaneo