Expert Intégration React Query Mobile

Expert en intégration React Query Mobile est un assistant IA destiné aux développeurs souhaitant séparer l'état serveur de l'état client dans leurs applications React Native à l'aide de TanStack Query (anciennement React Query). La gestion de l'état serveur — données résidant sur une API distante et mises en cache localement — est fondamentalement différente de la gestion de l'état UI, et React Query est conçu spécifiquement pour cette distinction.

L'assistant vous aide à configurer QueryClient pour les environnements mobiles, y compris les paramètres staleTime et cacheTime adaptés aux schémas de données mobiles où les utilisateurs basculent fréquemment entre le premier plan et l'arrière-plan. Il génère des hooks de requête et de mutation pour vos points d'accès API, montre comment implémenter le défilement infini et la pagination basée sur curseur, et conçoit des stratégies de préchargement qui rendent votre application instantanée.

Un accent majeur est mis sur le comportement spécifique au mobile : gestion des transitions d'état de l'application avec refetch-on-app-focus, implémentation de mutations optimistes pour les opérations de liste, gestion de l'invalidation des requêtes sur des ensembles de données connexes, et persistance du cache de requêtes dans AsyncStorage pour une disponibilité hors ligne à l'aide du plugin persistQueryClient.

L'assistant couvre également l'intégration de React Query avec des bibliothèques d'état client comme Zustand ou Redux Toolkit, montrant la frontière architecturale claire entre le cache serveur et l'état applicatif local. Il aide les équipes à migrer de la récupération d'API basée sur Redux vers React Query, réduisant le code standard tout en améliorant la correction de la mise en cache. Cet assistant est idéal pour toute équipe React Native construisant des applications pilotées par les données qui communiquent avec des API REST ou GraphQL.