Formation React | Gérer l’état asynchrone avec React Query

Prochaines dates

• 22 au 23 Septembre 2025 – Inscrivez-vous
• 25 au 26 Novembre 2025 – Inscrivez-vous

Modalités d’accès :

• en Inter – compter 4 semaines de délai
• en Intra – à la demande du client
• sur mesure –  nous consulter

Nous revenons vers vous dans un délai de 24h – Inscrivez-vous

Il faut compter 4 semaines de délai à réception du devis signé ou de la convention de formation signée, pour les formations INTER et INTRA.

Objectifs

• Comprendre les bases et les concepts de React Query. 
• Intégrer React Query dans un projet React pour gérer les appels réseau. 
• Optimiser les performances d’une application en utilisant la gestion de cache de React Query. 
• Apprendre à gérer les états de requêtes, les mutations et les erreurs. 
• Découvrir des cas d’usage avancés comme l’invalidation de cache et la synchronisation en temps réel. 

Public

• Développeurs front-end travaillant avec React souhaitant améliorer la gestion des états asynchrones. 

• Développeurs full-stack qui utilisent React pour le développement front-end. 
• Ingénieurs en charge de la gestion des données dans des applications complexes et performantes. 

Prérequis

• Bonne connaissance de JavaScript et React (hooks, état, props).
• Familiarité avec les bases de la consommation d’API REST ou GraphQL.
• Connaissance de l’utilisation de bibliothèques comme Axios ou Fetch pour les requêtes HTTP.

Méthodes pédagogiques

40 % théorie / 60 % pratique 

A l’issue de la formation, les participants recevront le support de la formation qui incluant des vidéos, et des articles pour aller plus loin.

Formation à distance : Un lien teams sera envoyé  au participant dans les jours précédents la formation.

Formation dans nos locaux : Pour toute complication survenant avant, pendant ou après la formation, notre assistance est disponible à partir de 8h30 au +33 (0)6 47 45 07 82 .

Si vous ne parvenez pas à nous joindre par téléphone, merci de nous écrire à formation@neosoft.fr  en spécifiant en quelques mots la difficulté que vous avez rencontrée. Nous vous répondrons dans les plus brefs délais. 

Description

Cette formation React | Gérer l’état asynchrone avec React Query se concentre sur React Query, une bibliothèque puissante pour la gestion des états asynchrones dans les applications React. Elle permet de simplifier la récupération, la mise en cache, la synchronisation et la mise à jour des données serveur, tout en garantissant une meilleure expérience utilisateur. 

Les participants apprendront à intégrer React Query dans leurs projets, à configurer des requêtes et mutations, et à exploiter ses capacités avancées pour gérer efficacement les états asynchrones. La formation propose un mélange de théorie, d’exemples concrets et d’exercices pratiques pour garantir une prise en main rapide et efficace. 

Programme

• Introduction à React Query 

• Les limitations des approches classiques pour la gestion des états asynchrones. 

• Présentation de React Query : concepts clés et avantages. 

• Installation et configuration initiale dans un projet React. 

• Requêtes de base avec React Query 

• Création et gestion des requêtes : useQuery. 

• Gestion des états de chargement, succès et erreur. 

• Mise en cache automatique et actualisation des données. 

• Mutations avec React Query 

• Introduction à useMutation. 

• Mise à jour des données sur le serveur. 

• Gestion des invalidations et des mises à jour optimistes. 

• Gestion avancée des données 

• Invalidation conditionnelle et gestion des dépendances entre requêtes. 

• Rechargement automatique des données (polling, focus, reconnect). 

• Intégration avec WebSockets pour les données en temps réel. 

• Optimisation des performances avec React Query 

• Utilisation efficace du cache pour réduire les appels réseau. 

• Configuration des délais d’expiration et de la fraîcheur des données. 

• Analyse et optimisation des performances d’un projet existant. 

• Travaux pratiques 

• Mise en place d’un tableau de bord alimenté par des données API. 

• Gestion d’un flux complet (CRUD) avec React Query. 

• Résolution de problématiques courantes en production. 

Evaluation

Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de quizz, mises en situation et travaux pratiques…

Avant la formation, un questionnaire de positionnement est envoyé aux participants afin de mieux comprendre les besoins, les attentes et le niveau de connaissances des participants.

En fin de formation, il est également demandé aux participants de mesurer leur satisfaction vis-à-vis de de la formation suivie.

Néosoft Training dispose d’un processus qualité qui prend en considération les éventuels dysfonctionnements rencontrés par les participants afin d’être proactif quant à la solution corrective adaptée tant sur le contenu de la formation elle-même que les conditions de son déroulement.