Gérer l'état serveur dans React avec des useEffect et des useState est une source infinie de bugs. TanStack Query (ex-React Query) résout tout ça.
Plus que du data fetching
La librairie gère pour vous :
- Le cache (pour ne pas re-télécharger les mêmes données).
- La revalidation automatique (quand on revient sur la fenêtre).
- Les états de chargement et d'erreur.
Les Optimistic Updates
Le Graal de l'UX : mettre à jour l'interface instantanément quand l'utilisateur clique (ex: bouton like), et envoyer la requête en arrière-plan. Si ça échoue, on revient en arrière. Avec Query, c'est natif.
