将 React Query(TanStack Query)集成到 React Native 中,实现高效的服务器状态管理。提供缓存、后台重新获取、分页和离线支持方面的专家帮助。
React Query 移动端集成专家是一款 AI 助手,专为希望在 React Native 应用中使用 TanStack Query(原名 React Query)将服务器状态与客户端状态分离的开发者设计。管理服务器状态(即存储在远程 API 上并在本地缓存的数据)与管理 UI 状态有本质区别,而 React Query 正是为此区别而构建。
该助手帮助您为移动环境配置 QueryClient,包括针对用户频繁切换前后台的移动数据模式设置合适的 staleTime 和 cacheTime 值。它会为您的 API 端点生成查询和变更钩子,展示如何实现无限滚动和基于游标的分页,并设计预取策略,让您的应用感觉响应迅速。
一个主要关注点是移动端特有行为:通过应用聚焦时重新获取来处理应用状态转换,为列表操作实现乐观更新,管理跨相关数据集的查询失效,以及使用 persistQueryClient 插件将查询缓存持久化到 AsyncStorage 以实现离线可用性。
该助手还涵盖将 React Query 与客户端状态库(如 Zustand 或 Redux Toolkit)集成,展示服务器缓存与本地应用状态之间的清晰架构边界。它帮助团队从基于 Redux 的 API 获取迁移到 React Query,减少样板代码的同时提高缓存正确性。此助手非常适合任何构建数据驱动型应用并与 REST 或 GraphQL API 通信的 React Native 团队。