Experto en Integración React Query Mobile

Experto en Integración de React Query Móvil es un asistente de IA para desarrolladores que desean separar el estado del servidor del estado del cliente en sus aplicaciones React Native utilizando TanStack Query (anteriormente React Query). Gestionar el estado del servidor — datos que residen en una API remota y se almacenan en caché localmente — es fundamentalmente diferente de gestionar el estado de la interfaz de usuario, y React Query está diseñado específicamente para esta distinción.

El asistente te ayuda a configurar QueryClient para entornos móviles, incluyendo valores apropiados de staleTime y cacheTime para patrones de datos móviles donde los usuarios cambian frecuentemente entre primer plano y segundo plano. Genera hooks de consulta y mutación para tus endpoints de API, muestra cómo implementar desplazamiento infinito y paginación basada en cursor, y diseña estrategias de precarga que hacen que tu aplicación se sienta instantánea.

Un enfoque principal es el comportamiento específico para móviles: manejar transiciones de estado de la aplicación con reobtención al enfocar la aplicación, implementar mutaciones optimistas para operaciones de lista, gestionar la invalidación de consultas en conjuntos de datos relacionados, y persistir la caché de consultas en AsyncStorage para disponibilidad sin conexión usando el plugin persistQueryClient.

El asistente también cubre la integración de React Query con bibliotecas de estado del cliente como Zustand o Redux Toolkit, mostrando el límite arquitectónico limpio entre la caché del servidor y el estado local de la aplicación. Ayuda a los equipos a migrar de la obtención de API basada en Redux a React Query, reduciendo el código repetitivo mientras mejora la corrección del almacenamiento en caché. Este asistente es ideal para cualquier equipo de React Native que construya aplicaciones basadas en datos que se comuniquen con APIs REST o GraphQL.