tanstack-query
✓使用 TanStack Query v5 管理 React 中的服务器状态。使用 useQuery 设置查询，使用 useMutation 设置突变，配置 QueryClient 缓存策略，实现乐观更新，并使用 useInfiniteQuery 处理无限滚动。 使用时机：在 React 项目中设置数据获取、从 v4 迁移到 v5、或修复对象语法所需的错误、查询回调删除问题、cacheTime 重命名为 gcTime、isPending 与 isLoading 混淆、keepPreviousData 删除问题。
SKILL.md
Status: Production Ready ✅ Last Updated: 2025-10-22 Dependencies: React 18.0+, TypeScript 4.7+ (recommended) Latest Versions: @tanstack/react-query@5.90.5, @tanstack/react-query-devtools@5.90.2
❌ Never use query callbacks (onSuccess, onError, onSettled in queries)
This skill prevents 8 documented issues from v5 migration and common mistakes:
使用 TanStack Query v5 管理 React 中的服务器状态。使用 useQuery 设置查询，使用 useMutation 设置突变，配置 QueryClient 缓存策略，实现乐观更新，并使用 useInfiniteQuery 处理无限滚动。 使用时机：在 React 项目中设置数据获取、从 v4 迁移到 v5、或修复对象语法所需的错误、查询回调删除问题、cacheTime 重命名为 gcTime、isPending 与 isLoading 混淆、keepPreviousData 删除问题。 来源：ovachiever/droid-tings。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/ovachiever/droid-tings --skill tanstack-query- 分类
- {}数据分析
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 tanstack-query？
使用 TanStack Query v5 管理 React 中的服务器状态。使用 useQuery 设置查询，使用 useMutation 设置突变，配置 QueryClient 缓存策略，实现乐观更新，并使用 useInfiniteQuery 处理无限滚动。 使用时机：在 React 项目中设置数据获取、从 v4 迁移到 v5、或修复对象语法所需的错误、查询回调删除问题、cacheTime 重命名为 gcTime、isPending 与 isLoading 混淆、keepPreviousData 删除问题。 来源：ovachiever/droid-tings。
如何安装 tanstack-query？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/ovachiever/droid-tings --skill tanstack-query 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/ovachiever/droid-tings
详情
- 分类
- {}数据分析
- 来源
- skills.sh
- 收录时间
- 2026-02-01