TanStack 图标
TanStack
自动

TanStackRouter

现代化、可扩展的 React 和 Solid 应用路由

一个完全类型安全的路由器,具有内置数据获取、缓存验证时重新获取和一流的搜索参数 API。

开始使用

类型安全且强大,但又简单熟悉

TanStack Router 基于其他工具流行的现代路由模式构建,但从头开始重新设计,做到 100% 类型安全而不影响开发体验。您可以鱼与熊掌兼得!

内置数据获取和缓存

使用 TanStack Router 的加载器 API 提升您的数据获取并避免瀑布流,获得 内置缓存和自动预加载的即时导航。需要更多自定义功能?Router 的 API 设计为与您喜爱的客户端缓存库配合使用!

让您的状态管理器嫉妒的搜索参数 API

TanStack Router 不会把您扔给 URLSearchParam 的狼群,而是为您配备状态管理器级别的搜索参数 API。通过 模式、验证、完全类型安全和前后处理,您可以在 URL 中管理状态,并轻松将其同步到您选择的状态管理器。

合作伙伴

Clerk
Clerk 与 TanStack 合作,通过行业领先的 身份验证和用户管理提升您应用的 安全性和用户体验。结合 TanStack 简洁的路由和工具,您将能够轻松交付用户信赖、开发者依赖的顶级体验。
了解更多
Convex
Official Deployment Partner
Netlify 与 TanStack 强强联手,为现代 Web 应用提供 世界级的部署和托管能力。我们共同致力于通过 无缝部署工作流、边缘函数和无服务器能力 提供卓越的开发者体验,帮助团队更快地构建和发布。我们的合作确保 TanStack 应用能够充分利用 Netlify 强大的平台功能。
了解更多
Neon
Neon 和 TanStack 强强联手,为现代 Web 技术栈带来 无服务器 PostgreSQL。借助 Neon 的 极速分支、自动扩缩容和存储/计算分离技术,开发者可以为每个分支、测试或功能即时启动生产级数据库。TanStack 的开发者优先框架 + Neon 的前沿基础设施 = 下一代开发体验。
了解更多
Convex
Convex 与 TanStack 携手合作,不仅为 TanStack 开发者提供 一流的端到端类型安全数据库体验,还确保 TanStack 为实时数据库领域做好准备。Convex 的一体化平台通过 革命性的关系型实时数据库提供端到端类型安全,我们共同提升实时 React 应用的可能性。
了解更多
Sentry
Sentry 与 TanStack 致力于确保您的应用无错误且高性能。Sentry 一流的错误监控和性能洞察与 TanStack 前沿库相结合,确保您能为用户提供最佳体验。我们共同致力于让您能够自信地构建应用。
了解更多

功能丰富且轻量级

看,这是必须的功能列表:

100% 类型安全 并行路由加载器 一流的搜索参数 API 嵌套/布局路由 轻量级 (12kb) Suspense + 过渡动画 严格导航 自动完成路径 搜索参数模式 搜索参数验证 搜索参数解析与序列化 搜索参数预/后处理 结构共享 自动预取 异步元素 待定元素 错误边界

体验一下吧!

创建一个路由,引入 Router,然后开始编写代码吧!

哇,您已经探索了这么多!
只剩最后一件事了...
开始使用!