Programme ReactJS - Fonctionnalités avancées

Participants : Dévelopeurs

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.

Dates des formations
Du 05/09/2024 au 06/09/2024Demander un devis
Du 20/02/2025 au 21/02/2025Demander un devis
Du 16/04/2025 au 17/04/2025Demander un devis
Du 15/07/2025 au 16/07/2025Demander un devis
Logo ACF

Demande de devis

Formation
Cadre
Pôle Emploi
Nom/Prénom
Société
E-mail
Téléphone
Période
Evaluer mon niveau

Les objectifs

Mettre
Mettre
en oeuvre Redux Toolkit et refondre une application Redux existante en utilisant Redux Toolkit
Utiliser
Utiliser
React Query et l'intégrer dans une application pour récupérer et gérer les données d'une API
Gérer
Gérer
des PWA (Progressive Web Apps) avec React
Mémoïser
Mémoïser
et optimiser des performances avec React

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"