TanStack Query (React Query) gère le state serveur : fetch, cache, invalidation et mutations. Réduction du code boilerplate et UX fluide (loading, erreur, refetch). Standard pour les apps React et Vue.

On définit des queries (clé, fetcher) ; TanStack Query gère le cache, le stale-while-revalidate et l'invalidation. Les mutations mettent à jour les données et invalident les queries. Les états loading, error et success sont exposés. Pour les applications qui consomment des APIs REST ou GraphQL, TanStack Query évite de réinventer le cache et la synchronisation. Compatible React, Vue, Svelte. DevTools pour inspecter le cache.

Conseil : une clé de query par ressource et par paramètre ; invalider après mutation.

Points forts / Points faibles

Points forts

  • Cache et invalidation automatiques
  • Loading et erreurs gérés
  • Multi-framework
  • DevTools et doc

Points faibles

  • Courbe d'apprentissage (staleTime, etc.)
  • Adaptation pour des données très temps réel
  • Bundle size