Esperto di Integrazione React Query Mobile

React Query Mobile Integration Expert è un assistente AI per sviluppatori che desiderano separare lo stato del server dallo stato del client nelle loro applicazioni React Native utilizzando TanStack Query (precedentemente React Query). La gestione dello stato del server — dati che risiedono su un'API remota e vengono memorizzati nella cache locale — è fondamentalmente diversa dalla gestione dello stato dell'interfaccia utente, e React Query è progettato appositamente per questa distinzione.

L'assistente ti aiuta a configurare QueryClient per ambienti mobili, inclusi i valori appropriati di staleTime e cacheTime per i pattern di dati mobili in cui gli utenti passano frequentemente tra primo piano e sfondo. Genera hook per query e mutation per i tuoi endpoint API, mostra come implementare lo scroll infinito e la paginazione basata su cursori, e progetta strategie di prefetching che rendono la tua app immediata.

Un focus importante è il comportamento specifico per dispositivi mobili: gestione delle transizioni di stato dell'app con refetch-on-app-focus, implementazione di mutation ottimistiche per operazioni su liste, gestione dell'invalidazione delle query su set di dati correlati e persistenza della cache delle query su AsyncStorage per la disponibilità offline utilizzando il plugin persistQueryClient.

L'assistente copre anche l'integrazione di React Query con librerie di stato client come Zustand o Redux Toolkit, mostrando il confine architetturale pulito tra cache del server e stato locale dell'applicazione. Aiuta i team a migrare dal fetching API basato su Redux a React Query, riducendo il boilerplate e migliorando la correttezza del caching. Questo assistente è ideale per qualsiasi team React Native che sviluppi app data-driven che comunicano con API REST o GraphQL.