关于 tanstack-router
面向 TanStack Router 开发者的文档技能，可按框架将任务导向类型安全路由、URL 状态、数据加载、身份验证、SSR 和构建工具指南。
主要功能
- 01路由配置与类型安全
- 02URL 参数与导航
- 03数据加载与身份验证
- 04SSR 与构建工具
适用场景
- 01设计类型安全的路由和导航
- 02管理路径及查询参数
- 03添加路由数据加载和守卫
- 04查阅 SSR 或代码分割指南
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/tanstack-router确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
.tanstack-product-skill.jsonLICENSEagents/openai.yamllicenses/a405ee70c632bb938acb7ac5f210e814409b3760ea9d2329d8ed8ffcfd11a0e7.txtreferences/additional-guidance.mddata-auth-errors.mdfoundations.mdframework-solid.mdframework-vue.mdreferences/assets/tanstack-router-core-search-params/references/validation-patterns.mdreferences/guides/tanstack-react-router-1780aa7e.mdtanstack-react-router-compositions-router-query-29f6886c.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--cleanup.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--code-splitting.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--common-mistakes.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--loaders.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--navigation.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--outlet.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--overview.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--path-params.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--pre-migration.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--quick-reference-api-mapping.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--route-definitions.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--search-params.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb--uselocation-common-pitfall.mdtanstack-react-router-lifecycle-migrate-from-react-router-0cb1bddb.mdtanstack-router-core-3c7fd849.mdtanstack-router-core-auth-and-guards-fbf39499--common-mistakes.mdtanstack-router-core-auth-and-guards-fbf39499--core-patterns.mdtanstack-router-core-auth-and-guards-fbf39499--cross-references.md详细介绍
TanStack Router
为导航、URL 状态、数据加载、身份验证、SSR 和框架适配器提供类型安全的路由指南。
工作流
- 检查已安装的 TanStack 软件包及其确切版本。
- 阅读基础参考资料，以及针对检测到的框架的适配器参考资料。
- 主题参考资料是索引。为当前任务选择一个指南或章节；仅在需要时沿着其前置条件链接继续阅读。
- 相较于记忆中的信息，优先参考已安装软件包的类型定义和与版本匹配的源代码指南。
- 将示例转换为框架适配器时，保留无头核心行为。
任务路由
- 基础 — 路由器构建和类型安全。
- URL 和导航 — 路径参数、搜索参数和导航。
- 数据、身份验证和错误 — 数据加载、守卫、未找到处理和错误边界。
- SSR 和构建工具 — SSR、代码拆分、路由生成和构建插件。
- Solid 适配器 — Solid Router 适配器指南。
- Vue 适配器 — Vue Router 适配器指南。
- 其他官方指南 — 尚未归入专门主题的最新官方指南。
框架路由
- React — 检测
@tanstack/react-router。阅读基础。此处为通用指南；请留意适配器特有的差异。 - Solid — 检测
@tanstack/solid-router。阅读 Solid 适配器。 - Vue — 检测
@tanstack/vue-router。阅读 Vue 适配器。
产品边界
如果任务涉及以下产品，请使用相应的独立产品技能：tanstack-start、tanstack-query。
有关确切的上游输入和去重记录，请参阅来源信息。
评论
支持 Markdown