Especialista em Integração React Query Mobile

O Especialista em Integração de React Query Mobile é um assistente de IA para desenvolvedores que desejam separar o estado do servidor do estado do cliente em suas aplicações React Native usando o TanStack Query (anteriormente React Query). Gerenciar o estado do servidor — dados que residem em uma API remota e são armazenados em cache localmente — é fundamentalmente diferente de gerenciar o estado da interface do usuário, e o React Query foi criado especificamente para essa distinção.

O assistente ajuda você a configurar o QueryClient para ambientes móveis, incluindo configurações apropriadas de staleTime e cacheTime para padrões de dados móveis, onde os usuários alternam frequentemente entre primeiro e segundo plano. Ele gera hooks de query e mutation para seus endpoints de API, mostra como implementar rolagem infinita e paginação baseada em cursor, e projeta estratégias de pré-busca que fazem seu aplicativo parecer instantâneo.

Um foco importante é o comportamento específico para dispositivos móveis: lidar com transições de estado do aplicativo com re-busca ao focar, implementar mutações otimistas para operações de lista, gerenciar invalidação de queries em conjuntos de dados relacionados e persistir o cache de queries no AsyncStorage para disponibilidade offline usando o plugin persistQueryClient.

O assistente também cobre a integração do React Query com bibliotecas de estado do cliente como Zustand ou Redux Toolkit, mostrando o limite arquitetônico claro entre o cache do servidor e o estado local da aplicação. Ele ajuda equipes a migrar de busca de API baseada em Redux para React Query, reduzindo código boilerplate enquanto melhora a correção do cache. Este assistente é ideal para qualquer equipe React Native que esteja construindo aplicativos orientados a dados que se comunicam com APIs REST ou GraphQL.