TanStack Query —antes React Query— es la librería que ha cambiado la forma de gestionar datos del servidor en aplicaciones modernas. La creó Tanner Linsley en 2019 con una observación sencilla: el estado del cliente y el estado del servidor tienen problemas distintos, y mezclarlos en Redux fuerza patrones complicados. La solución es tratar los datos remotos como una caché con invalidación, no como estado plano.
La API gira en torno a useQuery (lecturas, identificadas por una queryKey) y useMutation (escrituras, con onSuccess para invalidar queries dependientes). La librería se encarga del resto: caché en memoria, deduplicación de peticiones idénticas, refetching automático al recuperar el foco o la red, garbage collection, paginación, infinite queries, optimistic updates y un devtool que enseña en tiempo real qué hay cacheado y por qué.
El cambio mental es importante: ya no se "guarda" data en un store global y luego se trabaja con él; cada componente que necesita un dato lo pide con useQuery, y la librería garantiza que las peticiones se hagan una sola vez, se mantengan frescas y se sincronicen cuando algo cambia. Eso reduce drásticamente el código y elimina muchas clases de bugs (data stale, ráfagas de peticiones, race conditions).
En 10Code usamos TanStack Query en prácticamente todos los proyectos React. Combinado con un cliente HTTP tipado (generado desde OpenAPI con Orval), Zod para validación de respuestas y un poco de Zustand para estado puramente cliente, cubre el 90% de las necesidades de cualquier SPA o aplicación moderna sin tocar Redux.
En 10Code llevamos más de una década aplicando estas tecnologías a productos reales. Si quieres comentarnos tu caso, escríbenos y te respondemos personalmente.
Hablar con un ingeniero