用途:帮助已有一定可用性的 Web 项目(推荐原生 Next.js/React/Tailwind 技术栈)识别适合引入 TanStack 库的位置,以提升代码的可维护性、性能与简洁度,同时避免“手里有锤子看什么都是钉子”的过度采用。建议在应用已经运行良好后再使用。
主要能力:介绍各 TanStack 库的适用场景。Query 适合需要缓存、频繁获取、乐观更新、后台重新获取、分页缓存或无限滚动;Table 适合有排序/筛选、分页、列宽调整、行选择、可展开行或服务端数据的复杂表格;Form 适合多步骤、动态字段、异步校验的复杂表单;Router 适合大型应用的类型安全路由、嵌套路由与搜索参数管理;Virtual 适合 1000 项以上长列表、无限滚动、大数据网格与聊天消息列表。
使用方式:先用原生方式构建应用并使其可用,再运行分析提示词,例如“Ok, I want you to look through the ENTIRE project and look for areas where, if we leveraged one of the many TanStack libraries (e.g., query, table, forms, etc), we could make part of the code much better, simpler, more performant, more maintainable, elegant, shorter, more reliable, etc. Use ultrathink”。评估建议后选择性采用,可混合原生与 TanStack 方案,之后重复分析。资料提到可用 Claude Code + Opus 4.5 或 Codex + GPT 5.2(高推理强度)。
适用场景与限制:简单一次性请求、静态数据、少于 20 行的表格、3-4 字段的简单表单、已有 Next.js App Router 的项目、少于 100 项的列表通常无需引入。需权衡复杂度收益、团队学习成本与打包体积。分类暂按编程与开发归入。