Back to Details

tanstack-router

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese
<!-- Generated by scripts/build-groups.mjs. Do not edit directly. -->
<!-- 由 scripts/build-groups.mjs 生成。请勿直接编辑。 -->

TanStack Router

TanStack Router

Type-safe routing guidance for navigation, URL state, data loading, authentication, SSR, and framework adapters.
关于导航、URL 状态、数据加载、身份验证、SSR 和框架适配器的类型安全路由指导。

Workflow

工作流程

  1. Inspect installed TanStack packages and exact versions.
  2. Read the foundation reference and the adapter reference for the detected framework.
  3. Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
  4. Prefer installed package types and version-matched source guidance over memory.
  5. Preserve headless/core behavior when translating examples to a framework adapter.
  1. 检查已安装的 TanStack 包及其确切版本。
  2. 阅读基础参考文档以及针对检测到的框架的适配器参考文档。
  3. 主题参考文档是索引。为任务选择一个指南或章节；仅在需要时遵循其前置链接。
  4. 优先使用已安装包的类型和与版本匹配的源码指导，而非凭记忆。
  5. 将示例转换为框架适配器时，保留 headless/core 行为。

Task routing

任务路由

  • Foundations — Router construction and type-safety.
  • URLs and navigation — Path parameters, search parameters, and navigation.
  • Data, authentication, and errors — Data loading, guards, not-found, and error boundaries.
  • SSR and build tooling — SSR, code splitting, route generation, and build plugins.
  • Solid adapter — Solid Router adapter guidance.
  • Vue adapter — Vue Router adapter guidance.
  • 基础 — Router 构造与类型安全。
  • URL 与导航 — 路径参数、搜索参数与导航。
  • 数据、身份验证与错误 — 数据加载、守卫、not-found 和错误边界。
  • SSR 与构建工具 — SSR、代码分割、路由生成与构建插件。
  • Solid 适配器 — Solid Router 适配器指导。
  • Vue 适配器 — Vue Router 适配器指导。

Framework routing

框架路由

  • React — detect 
    @tanstack/react-router
    . Read Foundations. Shared guidance; check adapter-specific differences.
  • Solid — detect 
    @tanstack/solid-router
    . Read Solid adapter.
  • Vue — detect 
    @tanstack/vue-router
    . Read Vue adapter.
  • React — 检测 
    @tanstack/react-router
    。阅读基础。这是共享指导；请检查适配器特有的差异。
  • Solid — 检测 
    @tanstack/solid-router
    。阅读 Solid 适配器。
  • Vue — 检测 
    @tanstack/vue-router
    。阅读 Vue 适配器。

Product boundaries

产品边界

Use these separate product skills when the task crosses their boundary: 
tanstack-start
, 
tanstack-query
.
See source provenance for exact upstream inputs and deduplication records.
当任务跨越相应产品边界时，使用这些独立的产品 skill：
tanstack-start
、
tanstack-query
。
有关确切的上游输入和去重记录，请参阅来源溯源。