react-query-skills
基于官方核心维护者最佳实践的 React Query 开发指南
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：react-query-skills。 它的用途是：基于官方核心维护者最佳实践的 React Query 开发指南 完整的 Skill 内容见：https://321skill.com/skills/react-query-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在使用 useQuery 获取用户列表，但感觉渲染逻辑有点混乱，有什么优化建议吗？” 它会根据 Skill 中的最佳实践，为你解释“数据优先”模式，并建议使用 `status` 和 `isPending` 等状态进行条件渲染。或者当你问：“如何为无限滚动列表实现 React Query？” 它会引导你使用 `useInfiniteQuery`，并解释关键参数和缓存策略。
介绍
这个 Skill 旨在解决开发者在实际项目中使用 TanStack Query（React Query）时遇到的各类问题，例如缓存管理、状态处理、性能优化和类型安全等。它基于官方核心维护者 TkDodo 的权威博客文章，提供了从基础概念到高级模式的全面指导。
使用方式非常简单，通过一条命令即可将 Skill 添加到你的 AI 编程助手（如 Claude Code、Cursor）中。之后，在编写或调试 React Query 相关代码时，助手就能直接引用这些经过验证的最佳实践来提供建议。
它非常适合前端开发、全栈开发等角色，尤其是那些正在使用或计划在 React 项目中引入 TanStack Query 来处理服务器状态管理的开发者。无论是新手学习核心概念，还是有经验的开发者寻求高级优化方案，都能从中受益。
请注意，这是一个社区维护的 Skill，内容源自 TkDodo 的博客。虽然极具参考价值，但如果 TanStack 官方未来发布了对应的 Skill，建议优先切换到官方版本以获得最权威和最新的指导。
核心特点
内容直接源自 React Query 核心维护者 TkDodo 的权威博客，而非网络上的零散经验总结，确保了建议的准确性和最佳实践性。它系统性地覆盖了从核心心智模型到高级集成模式的完整知识体系，而非零散的代码片段。
注意事项
不适合不涉及 TanStack Query（React Query）的纯前端或后端项目开发。
常见问题
这个 Skill 和官方文档有什么区别？
它基于官方核心维护者的实践性博客，提供了更多实战技巧、模式解读和常见陷阱分析，是对官方文档的深度补充。
支持哪些 AI 开发工具？
支持所有兼容 Agent Skills 格式的工具，如 Claude Code、Cursor、Windsurf、GitHub Copilot 等。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/react-query-skills/raw/index.md 读取 react-query-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/react-query-skills/raw/index.md（查看排版版本）