React (React Query)
为React应用提供数据获取、缓存与状态管理能力的AI助手技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：React (React Query)。 它的用途是：为React应用提供数据获取、缓存与状态管理能力的AI助手技能。 详细介绍见：https://321skill.com/skills/react-react-query/ 请根据该页面的说明完成安装。
使用示例
“我在React组件中需要从`/api/users`获取用户列表，并希望有加载状态和错误处理，请用React Query写个示例。”，它会生成包含`useQuery`钩子、加载和错误状态处理的组件代码。或者问：“如何用React Query实现无限滚动列表？”，它会解释并展示使用`useInfiniteQuery`的关键步骤和代码结构。
介绍
这个Skill旨在帮助开发者在React应用中高效地管理服务器状态。它解决了手动处理数据获取、缓存、同步、更新和错误处理时带来的复杂性和重复代码问题。
通过集成React Query（现为TanStack Query）的核心概念，该Skill能指导你配置查询（Queries）和变更（Mutations），自动处理缓存、后台更新、请求去重和错误重试，从而简化数据流管理。
它非常适合正在使用或计划使用React Query的前端、全栈开发者，以及任何需要处理异步数据、希望提升应用性能和开发效率的React项目成员。
使用建议：在开始前，确保你的项目已安装React。虽然Skill能提供最佳实践和代码示例，但深入理解React Query的官方文档将帮助你更灵活地应对复杂场景，如无限查询、分页查询等。
核心特点
与通用的React代码生成Skill不同，它深度聚焦于React Query这一特定状态管理库，能提供更精准的API使用指导、缓存策略建议和性能优化方案。相比其他数据获取Skill，它更强调与React组件生命周期的集成和“服务器状态”管理的现代最佳实践。
注意事项
不适合不基于React的框架（如Vue、Svelte）或无需复杂服务器状态管理的简单静态应用。
常见问题
这个Skill能帮我直接安装和配置React Query吗？
不能，它主要提供使用指导和代码示例，你需要手动或在其他工具辅助下执行安装和基础配置命令。
它能处理React Query v4和v5的差异吗？
Skill的知识可能基于特定版本，对于重大版本变更（如v4到v5），建议结合官方迁移文档使用，并注意API的可能变化。