TANSTACK中文文档
搜索文档/官方文档EN
浏览文档目录
内容检索

从正确的问题，抵达正确的一页。

一次检索覆盖学习路径和 Agent 资料。标题、正文、task、package 与版本信息都参与匹配。

RESULT SET / 38

38条内容已建立索引

  1. 01
    learnTanStack Table

    把 Issue 数据组织成无头表格

    用类型化列定义、核心行模型和 flexRender 连接数据与语义化 table 标记，同时保留完整的样式控制权。

    打开内容原始 Markdown
  2. 02
    learnTanStack Router

    把错误关在正确的路由里

    用全局默认错误界面兜底，用 route errorComponent 隔离局部数据或渲染失败。

    打开内容原始 Markdown
  3. 03
    learnTanStack Router

    把筛选条件放进 URL

    用经过验证的 Search Params 实现可分享、可刷新、有类型的 Issue 筛选。

    打开内容原始 Markdown
  4. 04
    learnTanStack Start

    把外部入口放进 Server Route

    区分应用内部 RPC 与公开 HTTP 端点，并用原生 Response 明确表达状态码、正文和缓存策略。

    打开内容原始 Markdown
  5. 05
    agentTanStack Router

    保护脏表单的离页导航

    用 useBlocker 的 resolver 状态实现可访问的离页确认，并按脏状态注册 beforeunload。

    打开内容原始 Markdown
  6. 06
    agentTanStack Router

    创建带路径参数的文件路由

    在 React 应用中创建 /posts/$postId，并从路由实例读取类型安全的 postId。

    打开内容原始 Markdown
  7. 07
    learnTanStack Start

    创建第一个 Start 应用

    使用官方 CLI 创建最小项目，认识路由树、根文档和开发服务器。

    打开内容原始 Markdown
  8. 08
    agentTanStack Start

    创建外部可调用的 Server Route

    为第三方调用方建立原生 HTTP 端点，并显式返回状态、缓存和安全响应。

    打开内容原始 Markdown
  9. 09
    agentTanStack Start

    创建只在服务端执行的函数

    使用 createServerFn 定义同源、类型安全的服务端 RPC。

    打开内容原始 Markdown
  10. 10
    learnTanStack Query

    从 Server Function 写回缓存

    验证网络边界上的输入，通过 Mutation 表达写入状态，再用服务端响应不可变地更新 Query 缓存。

    打开内容原始 Markdown
  11. 11
    agentTanStack Query

    定义 Query 新鲜度契约

    根据数据变化频率设置 staleTime，并独立决定 inactive 缓存的 gcTime。

    打开内容原始 Markdown
  12. 12
    agentTanStack Router

    隔离路由 Loader 与渲染错误

    为全局 Router 设置默认错误组件，并在需要独立恢复的路由上覆盖 errorComponent。

    打开内容原始 Markdown
  13. 13
    agentTanStack Start

    建立 Start Middleware 执行链

    明确请求级与函数级作用域，通过 next() 组合上下文，并保留认证和 CSRF 边界。

    打开内容原始 Markdown
  14. 14
    agentTanStack Router

    建立类型化 Router Context

    在根路由声明依赖，并通过 beforeLoad 为子树追加可推导的派生上下文。

    打开内容原始 Markdown
  15. 15
    agentTanStack Query

    建立有界的游标 Infinite Query

    用一份 queryKey 管理整个列表，让服务端游标驱动 pageParam，并用 maxPages 控制缓存与重取成本。

    打开内容原始 Markdown
  16. 16
    agentTanStack Query

    配置 Query SSR 与流式恢复

    为每个 SSR 请求创建 QueryClient，通过官方 Router 集成脱水与恢复，并明确阻塞和流式查询。

    打开内容原始 Markdown
  17. 17
    learnTanStack Query

    让 Loader 预热 Query 缓存

    Router 决定何时导航，Query 决定数据如何缓存；用同一份 queryOptions 把两者接起来。

    打开内容原始 Markdown
  18. 18
    learnTanStack Query

    让 Query 取消真正传到网络层

    消费 queryFn 提供的 AbortSignal，让失效的 fetch 停止并理解取消后的缓存状态。

    打开内容原始 Markdown
  19. 19
    learnTanStack Query

    让乐观更新可以安全回滚

    先选择 UI 级临时结果或缓存级更新，再用取消、快照、回滚和重新验证处理失败与并发。

    打开内容原始 Markdown
  20. 20
    learnTanStack Query

    让无限列表保持有界和可恢复

    用 initialPageParam、游标和 maxPages 建立明确的翻页契约，同时保持 pages 与 pageParams 的结构一致。

    打开内容原始 Markdown
  21. 21
    learnTanStack Form

    让字段、校验与提交共享同一类型

    用 useForm、Field 与 Subscribe 建立受控表单，把校验时机、错误显示和异步提交状态写成显式契约。

    打开内容原始 Markdown
  22. 22
    agentTanStack Query

    实现可回滚的乐观更新

    取消冲突重取、保存缓存快照、不可变写入草稿，并在失败时回滚、完成时重新验证。

    打开内容原始 Markdown
  23. 23
    agentTanStack Form

    为字段异步校验建立安全边界

    先同步过滤无效输入，再用内置 debounce 执行异步校验，并把提前反馈与最终服务端验证明确分开。

    打开内容原始 Markdown
  24. 24
    learnTanStack Query

    先定义数据何时算新鲜

    分清 staleTime 与 gcTime，用共享 queryOptions 把查询键、请求函数和时间策略放在一起。

    打开内容原始 Markdown
  25. 25
    agentTanStack Query

    消费 Query 的 AbortSignal

    将 queryFn signal 传入底层请求，使取消停止 I/O，并保留明确的缓存回滚语义。

    打开内容原始 Markdown
  26. 26
    agentTanStack Table

    协调服务端表格的排序与分页状态

    让 Table 管视图状态、Query 管远程数据，并用 manualSorting、manualPagination 与 rowCount 避免只处理当前页。

    打开内容原始 Markdown
  27. 27
    agentTanStack Router

    验证分页与筛选参数

    将不可信的 URL 搜索参数转换为稳定、有类型的路由输入。

    打开内容原始 Markdown
  28. 28
    agentTanStack Router

    用 beforeLoad 保护路由子树

    在 pathless layout 中读取类型化认证 Context，阻止未登录用户加载子路由，并保留经过约束的回跳 URL。

    打开内容原始 Markdown
  29. 29
    learnTanStack Start

    用 Middleware 组合请求边界

    区分请求中间件与 Server Function 中间件，并用 next() 组合日志、上下文和安全检查。

    打开内容原始 Markdown
  30. 30
    agentTanStack Query

    用 Mutation 响应更新缓存

    当写入响应包含完整实体时用 setQueryData；无法推导正确缓存时改用 invalidateQueries。

    打开内容原始 Markdown
  31. 31
    learnTanStack Router

    用 Router Context 传递依赖

    在根路由声明类型化依赖，再通过 beforeLoad 为一棵子路由追加经过推导的上下文。

    打开内容原始 Markdown
  32. 32
    learnTanStack Router

    用文件组成路由树

    创建 Issue 列表和详情页，理解文件名、路径参数和类型推断如何连在一起。

    打开内容原始 Markdown
  33. 33
    learnTanStack Router

    在加载子路由前确认身份

    用类型化 Router Context 和 pathless layout 的 beforeLoad 保护一组页面，同时保留正确的登录回跳地址。

    打开内容原始 Markdown
  34. 34
    learnTanStack Router

    在离开脏表单前阻止导航

    用 useBlocker 同时处理路由内导航与浏览器卸载，并为自定义确认界面建立明确状态。

    打开内容原始 Markdown
  35. 35
    agentTanStack Query

    在路由 Loader 中预取 Query

    为 SSR 创建请求级 QueryClient，并让 Loader 与 useSuspenseQuery 使用相同 queryOptions。

    打开内容原始 Markdown
  36. 36
    learnTanStack Query

    在请求之间隔离并流式恢复 Query

    用 Router SSR Query 集成自动完成脱水、恢复和流式传输，并为每个服务端请求创建独立缓存。

    打开内容原始 Markdown
  37. 37
    agentTanStack Query

    Router Loader 还是 Query？

    根据导航关键性和数据生命周期选择 Loader、Query 或两者组合。

    打开内容原始 Markdown
  38. 38
    learnTanStack

    TanStack 不是一个框架

    先别急着安装依赖。用一张地图理解 Start、Router 和 Query 如何各司其职。

    打开内容原始 Markdown