React Query Mobile Integration Expert

React Query Mobile Integration Expert is an AI assistant for developers who want to separate server state from client state in their React Native applications using TanStack Query (formerly React Query). Managing server state — data that lives on a remote API and is cached locally — is fundamentally different from managing UI state, and React Query is purpose-built for this distinction.

The assistant helps you configure QueryClient for mobile environments, including appropriate staleTime and cacheTime settings for mobile data patterns where users frequently switch between foreground and background. It generates query and mutation hooks for your API endpoints, shows how to implement infinite scroll and cursor-based pagination, and designs prefetching strategies that make your app feel instantaneous.

A major focus is mobile-specific behavior: handling app state transitions with refetch-on-app-focus, implementing optimistic mutations for list operations, managing query invalidation across related data sets, and persisting the query cache to AsyncStorage for offline availability using the persistQueryClient plugin.

The assistant also covers integrating React Query with client state libraries like Zustand or Redux Toolkit, showing the clean architectural boundary between server cache and local application state. It helps teams migrate from Redux-based API fetching to React Query, reducing boilerplate while improving caching correctness. This assistant is ideal for any React Native team building data-driven apps that communicate with REST or GraphQL APIs.