Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Comment Utiliser Gemini dans la Formation Professionnelle en 2025 ?

Découvrez comment l'IA Gemini de Google transforme la formation professionnelle en 2025 : gain de temps, personnalisation, efficacité pédagogique et adaptabilité aux besoins évolutifs des entreprises.

Allan Busi

30 juin 202414 min

Comment se mettre en conformité Qualiopi en TPE en 2025 : guide étape par étape

Découvrez comment une TPE peut obtenir la certification Qualiopi en 2025 grâce à un guide détaillé, adapté aux structures de petite taille.

Allan Busi

30 juin 202414 min

Tendances Innovation 2025 : Quelles évolutions clés faut-il surveiller ?

Explorez les tendances majeures de l'innovation prévues pour 2025 : technologies émergentes, nouveaux modèles économiques, impact ESG, et transformation de la formation professionnelle.

Allan Busi

3 juil. 202414 min

Comment réussir en tant qu’étudiant en 2025 ?

Découvrez les stratégies, outils et tendances qui permettent aux étudiants de réussir leurs études en 2025, entre innovations pédagogiques, organisation personnelle et nouvelles compétences.

Allan Busi

30 juin 202413 min

Voir tous les articles

Objectifs de la formation

Comprendre les enjeux de la gestion d’état serveur dans une application React

Installer et configurer TanStack Query (React Query)

Exécuter, optimiser et mettre en cache efficacement des requêtes HTTP (fetch, mutation)

Mettre en place le refetching et la synchronisation automatique avec l’API

Maîtriser les concepts de cache, invalidation, pagination et infinité de données

Intégrer TanStack Query dans des architectures modernes (Next.js, Redux, etc.)

Débugger et profiler les requêtes et le cache

Adapter la gestion de données à des contextes avancés : accès offline, SSR, etc.

Programme

Jour 1Introduction, fondamentaux & premiers pas

Pourquoi une librairie de data-fetching dans React ? Problématique client/serveur, présentation de TanStack Query. Installation, configuration du QueryClient et du Provider. Premières queries : useQuery, useMutation. Les options basiques de requêtes. Exercices pratiques : affichage d’une liste récupérée via API.

Jour 2Avancer avec le cache, le refetching et la synchronisation des données

Fonctionnement détaillé du cache. Politique d’invalidation et refetch automatique. Les stratégies de polling, query keys, refetch on window focus. Cas d’usage du prefetch. Mise à jour optimiste et rollback. Exercices pratiques avancés sur les mutations et le cache.

Jour 3Gestion avancée, optimisation et intégration

Pagination & Infinite Queries. Gestion des erreurs et loading state. Profiler, débugger avec Devtools. Data persistance et offline mode. Utilisation avec SSR (Next.js). Bonnes pratiques, pattern d’intégration dans des grandes architectures. Ateliers : intégration complète dans une app React avec flow type, hooks custom, tests.

Méthode d'évaluation

QCM en fin de formation
Plusieurs cas pratiques encadrés tout au long du parcours
Présentation finale d’un mini-projet fil rouge

Méthode d'apprentissage

Exposés théoriques interactifs
Beaucoup d’exercices pratiques sur projets réels et API REST simulées
Accès à un référentiel de ressources et exemples avancés

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment Utiliser Gemini dans la Formation Professionnelle en 2025 ?

Comment se mettre en conformité Qualiopi en TPE en 2025 : guide étape par étape

Tendances Innovation 2025 : Quelles évolutions clés faut-il surveiller ?

Comment réussir en tant qu’étudiant en 2025 ?

Formation complète : Maîtriser la gestion de données dans React avec TanStack Query

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtrisez la gestion d’état moderne avec Jotai pour React

Maîtriser Redux Toolkit : Optimisez la gestion d'état dans vos applications React

Maîtriser la gestion de données asynchrones avec TanStack Query pour React

Maîtriser Testing Library pour des Tests Efficaces sur Applications React