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
