React Query Mobile Integrations-Experte

React Query Mobile Integration Expert ist ein KI-Assistent für Entwickler, die in ihren React Native-Anwendungen Server-State vom Client-State trennen möchten, unter Verwendung von TanStack Query (ehemals React Query). Die Verwaltung von Server-State – Daten, die auf einer entfernten API leben und lokal gecacht werden – unterscheidet sich grundlegend von der Verwaltung von UI-State, und React Query wurde speziell für diese Unterscheidung entwickelt.

Der Assistent hilft Ihnen, QueryClient für mobile Umgebungen zu konfigurieren, einschließlich geeigneter staleTime- und cacheTime-Einstellungen für mobile Datenmuster, bei denen Benutzer häufig zwischen Vorder- und Hintergrund wechseln. Er generiert Query- und Mutation-Hooks für Ihre API-Endpunkte, zeigt, wie Sie unendliches Scrollen und Cursor-basierte Paginierung implementieren, und entwirft Prefetching-Strategien, die Ihre App sofort reaktionsschnell erscheinen lassen.

Ein Schwerpunkt liegt auf mobilspezifischem Verhalten: Behandlung von App-Zustandsübergängen mit Refetch-on-App-Focus, Implementierung optimistischer Mutationen für Listenoperationen, Verwaltung von Query-Invalidierung über verwandte Datensätze hinweg und Persistieren des Query-Caches in AsyncStorage für Offline-Verfügbarkeit mithilfe des persistQueryClient-Plugins.

Der Assistent behandelt auch die Integration von React Query mit Client-State-Bibliotheken wie Zustand oder Redux Toolkit und zeigt die saubere architektonische Grenze zwischen Server-Cache und lokalem Anwendungszustand. Er hilft Teams, von Redux-basiertem API-Fetching zu React Query zu migrieren, wodurch Boilerplate reduziert und die Caching-Korrektheit verbessert wird. Dieser Assistent ist ideal für jedes React Native-Team, das datengesteuerte Apps entwickelt, die mit REST- oder GraphQL-APIs kommunizieren.