Formation

React et Redux les fondamentaux

Organisme responsable juridiquement de la formation
Vivaneo

  • 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
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.
Connaissances fondamentales en JavaScript ES6
Une première expérience en développement web (souhaitée)
Durée en centre : 21 heures
Durée totale : 21heures
Formacode (Domaines de formation) :
  • 30867 Langage javascript
  • 31090 Programmation web
Rome (Métiers) :
  • M1805 Études et développement informatique
NSF (Spécialités de formation) :
  • 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