TanStack Query v6 (React Query) gère le cache côté client, le synchronisation en arrière-plan et les mutations optimistes. Indispensable pour les applications React qui consomment des APIs REST ou GraphQL.
Les queries mettent en cache les réponses, gèrent le stale-while-revalidate et le refetch automatique. Les mutations avec invalidation ou mise à jour optimiste gardent l'UI cohérente. La v6 améliore le caching offline et le infinite scroll. Les DevTools v2 facilitent le debug. Pour toute app avec des listes, des formulaires et des données serveur, TanStack Query réduit le boilerplate et les bugs de synchronisation.
Conseil : définir des clés de query cohérentes et des staleTime adaptés à la fraîcheur souhaitée.
Points forts / Points faibles
Points forts
- Cache, loading et error states gérés de façon déclarative
- Mutations optimistes et invalidation pour une UX fluide
- Support SSR et préfetch pour Next.js / Remix
- Documentation et communauté excellentes
Points faibles
- Courbe d'apprentissage pour les patterns avancés (dependent queries, etc.)
- Bundle non négligeable si on n'utilise qu'une petite partie
- Nécessite une couche API bien définie (REST/GraphQL)