tanstack-query-expert - React 与 Next.js 的 TanStack Query 状态管理专家
提供 TanStack Query 异步状态管理、声明式数据获取、缓存失效、乐观 UI 更新与 Next.js App Router 集成方案。
标签
更新于: 2026-09-20能力
典型输入
典型输出
该技能可以做什么
- 声明式获取异步数据
- 设计基于数组的查询键工厂
- 配置过期时间与重试规则
- 使用 useMutation 执行服务端变更
- 在变更后失效查询缓存
- 实现乐观 UI 状态更新
- 在 Next.js 中水合服务端组件状态
- 排查缓存与无限获取问题
输入
- API 端点与数据获取函数
- 查询键与参数配置
- React 组件边界
- 数据变更载荷对象
输出
- 自定义数据获取 Hook
- 查询键工厂结构
- 已更新的客户端查询缓存
- 水合的服务端组件边界
要求
- React 运行环境
- TanStack Query 依赖库
- Next.js App Router