TanStackRouter

现代且可扩展的 React 和 Solid 应用程序的路由

一个完全类型安全的路由器,内置数据获取、stale-while-revalidate 缓存和一流的搜索参数 API。

开始使用

类型安全 & 强大,但又出奇地简单

TanStack Router 构建于其他工具流行的现代路由模式之上,但已从头开始重新设计,以实现 100% 类型安全,且不影响 DX。 你可以鱼和熊掌兼得!

内置数据获取与缓存

使用 TanStack Router 的加载器 API 提升您的数据获取并避免瀑布流,并获得 通过内置缓存和自动预加载实现即时导航。 需要更自定义的功能?Router 的 API 旨在与您最喜欢的客户端缓存库一起使用!

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

TanStack Router 没有将您扔给 URLSearchParam 的狼群,而是为您配备了状态管理器级别的搜索参数 API。 借助 模式、验证、完全类型安全和预/后操作,您可以在 URL 中管理您的状态,并轻松地将其同步到您选择的状态管理器。

功能丰富且轻量

看哪,这是必备的功能列表

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

体验一下!

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

哇,您已经走了很长一段路!
只剩下一件事要做...
开始使用!