|
DES RESSOURCES ET DES OUTILS AU SERVICE DES ACTEURS ET DES PROFESSIONNELS. |
React et Redux les fondamentauxDate de mise à jour : 09/12/2024
| Identifiant OffreInfo : 24_279614 |
Carif-Oref Provence - Alpes - Côte d'Azur |
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.
Non certificiante
Information non communiquée
Conventionnement : Non
Niveau d'entrée : Information non communiquée
Connaissances fondamentales en JavaScript ES6 Une première expérience en développement web (souhaitée)