Programme ReactJS - Fonctionnalités avancées
Durée : 2 jours - 14 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER
La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.
Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.
Les objectifs
pré-requis
Avoir une très bonne connaissance de JavaScript et de ses aspects avancés.
Moyens pédagogiques, techniques et d'encadrement
- 1 poste de travail complet par personne
- De nombreux exercices d'application
- Mise en place d'ateliers pratiques
- Remise d'un support de cours
- Remise d'une attestation de stage
Modalités d'évaluation des acquis
- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage
Accessibilité handicapés
- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.
Le Programme
Redux Toolkit
Présentation de Redux Toolkit et ses avantages
CreateStore et configureStore
CreateAction et createSlice
CreateAsyncThunk pour la gestion des actions asynchrones
UseSelector et useDispatch
React Query
Introduction à React Query et ses avantages
Installation et configuration de base
Fetching, caching et synchronisation automatique des données
Pagination et chargement infini
Mutation et gestion des erreurs
PWA avec React
Comprendre les PWA et leurs avantages
Créer une PWA avec Create React App
Utilisation des Services Workers
Ajout d'un manifeste d'application Web
Mise en cache des ressources et stratégies de mise en cache
Mémoïsation et optimisation des performances
Comprendre la mémoïsation et son importance
Utilisation de React.memo pour les composants fonctionnels
UseMemo et useCallback pour les hooks
Analyse des performances avec les outils de développement
Code Splitting et lazy loading avec React.lazy et Suspense
Tests avancés
Tests des composants utilisant Redux et React Query
Mocking des API et des stores
Tests des hooks personnalisés
Tests d'intégration
Passer de REST à GraphQL
Introduction à GraphQL et ses avantages
Installation et configuration d'Apollo Client
Requêtes et mutations avec GraphQL
Gestion du cache avec Apollo Client
Pagination et chargement infini
Notions avancées supplémentaires
Gestion des contextes et des providers
Utilisation de Portals pour le rendu de modales et tooltips
Gérer les erreurs avec les composants "Error Boundary"