TanStack Query (anciennement React Query) est devenu en 2023-2024 le standard pour le fetching côté client dans React. Il remplace 90 % des useEffect + fetch maison — et beaucoup mieux.
Ce que TanStack Query gère pour vous : cache, dedup, background refetch, retry, invalidation, pagination, optimistic updates. Vous n'écrivez plus rien de ça.
Cache automatique
Une même query key partagée dans plusieurs composants : une seule requête réseau, cache partagé, invalidation cohérente.
Refetch en background
Focus la fenêtre, reconnexion réseau, timing configurable : les données sont toujours fraîches sans effort explicite.
Optimistic updates
Mettre à jour l'UI instantanément puis réconcilier avec le serveur. Fait proprement en 4 lignes avec onMutate / onError / onSettled.
Server Components + React Query
En Next.js App Router, préfetch côté serveur, hydratation côté client. Best of both worlds.
SWR vs React Query
SWR reste bon pour du léger. React Query gagne dès que vous avez des mutations, des optimistic updates ou du cache complexe.
Un useEffect(fetch) écrit à la main en 2024 est presque toujours un bug qui attend d'arriver.On refactor votre fetching ?
En 30 minutes on peut cadrer une migration vers TanStack Query. Réservez un appel. À lire : API REST ou GraphQL.