Formation React Avancé
Cette formation React Avancé est conçue pour les développeurs Web qui souhaitent améliorer leurs compétences en React et créer des applications complexes et performantes. La formation couvre des sujets avancés tels que l'optimisation des performances, la gestion avancée des états avec les hooks, l'intégration de middleware et d'extensions dans Redux ou encore l'utilisation de bibliothèques et API. À la fin de cette formation React, les participants sont en mesure de développer des applications Web robustes et performantes.
Proposé par
Sparks
Objectifs pédagogiques
- Analyser les performances et optimiser les applications React
- Maîtriser les techniques de gestion avancée des états avec les hooks
- Implémenter les mécanismes de sécurité et d'authentification dans les applications React
- Etendre les fonctionnalités des applications React en utilisant des bibliothèques et APIs
- Concevoir des tests unitaires et d'intégration avancés
Programme de la formation
Introduction à la formation React Avancé
Rappels sur le framework React
Présentation des objectifs et programme de formation React Avancé
Optimisation des performances et analyse
Mesure des performances avec l’outil React Developer Tools
Optimisation du rendu grâce à React.memo et useMemo
Utilisation de useCallback pour éviter les re-rendus inutiles
Techniques de code-splitting et de lazy loading
Gestion des ressources et du cache avec Service Workers
Gestion avancée des états avec les hooks
Utilisation de useState et useEffect pour gérer les états locaux
Création de hooks personnalisés pour réutiliser la logique d’état
Maîtrise de useReducer pour gérer les états complexes
Exemple de cas pratique : Création d’un composant avec plusieurs états gérés par des hooks personnalisés
Redux avancé : Middlewares et extensions
Utilisation de middleware pour gérer les effets secondaires (Exemple : redux-thunk)
Gestion des actions asynchrones avec Redux-Saga
Utilisation d’extensions pour faciliter le débogage et la persistance des données (Exemple : Redux DevTools Extension)
Sécurité et authentification
Mécanismes d’authentification : OAuth, JWT
Gestion de l’authentification avec les hooks et les contextes
Sécurisation des routes et des composants
Gestion des erreurs et des exceptions
Bibliothèques et API supplémentaires
Utilisation de bibliothèques UI populaires (Exemple : Material-UI, Ant Design)
Intégration d’API supplémentaires pour étendre les fonctionnalités (Exemple : GraphQL avec Apollo)
Gestion des formulaires avec Formik et Yup
Exemple de cas pratique : Création d’une application avec une bibliothèque UI et l’intégration d’une API externe
Tests avancés pour les applications React
Approfondissement des tests unitaires et d’intégration avec Jest et React Testing Library
Tester les interactions utilisateur avec des tests d’intégration
Tests de performance et d’accessibilité
Automatisation des tests avec les pipelines CI/CD
Exemple de cas pratique : Création d’une suite de tests avancée pour une application React existante
Conclusion
Revue de code et des meilleures pratiques
Synthèse des acquis de la formation React Avancé
Perspectives et ressources pour continuer à apprendre React
Proposé par
Sparks
"Tout l'IT, vraiment tout"
Proposé par
Sparks
