TanStackRouter

适用于 React 和 Solid 应用的类型安全路由

一个功能强大的 React 路由器，适用于客户端和全栈 React 应用程序。拥有完全类型安全的 API、用于管理 URL 状态的一流搜索参数，并与现有 React 生态系统无缝集成。

开始使用

88888888

566

GitHub 贡献者

24,383

GitHub 依赖者

由

类型安全且功能强大，同时保持简单熟悉

TanStack Router 建立在其他工具普及的现代路由模式之上，但已从头开始重新设计，以实现 100% 类型安全，同时不影响开发体验。您可以两者兼得！

内置数据获取与缓存

使用 TanStack Router 的加载器 API 提升数据获取并避免瀑布效应，实现即时导航，内置缓存和自动预加载。需要更自定义的功能？Router 的 API 旨在与您最喜欢的客户端缓存库配合使用！

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

TanStack Router 没有让您独自面对 URLSearchParam 的复杂性，而是为您配备了状态管理器级别的搜索参数 API。通过模式、验证、完全类型安全以及前置/后置操作，您可以在 URL 中管理状态，并轻松将其同步到您选择的状态管理器中。

合作伙伴

TanStack 利用 CodeRabbit **提升我们的代码审查流程，显著缩短审查时间并提高代码质量**。通过整合 CodeRabbit 的先进 AI 能力，我们确保拉取请求在可读性到逻辑错误等方面都经过彻底分析。这使得我们的团队能够**专注于有意义的代码讨论和创新，同时保持高标准的代码质量和安全性**。借助 CodeRabbit，我们受益于智能、自动化的审查，这些审查能适应我们的工作流程，使我们的开发过程更快、更高效。

了解更多

官方部署合作伙伴

Netlify 和 TanStack 携手合作，为现代 Web 应用程序开发人员提供**世界一流的部署和托管功能**。我们共同致力于通过**无缝部署工作流、边缘函数和无服务器功能**提供卓越的开发人员体验，帮助团队更快地构建和发布。我们的合作确保 TanStack 应用程序可以充分利用 Netlify 强大的平台功能。

了解更多

Neon 和 TanStack 正在联手将**无服务器 PostgreSQL** 引入现代 Web 栈。凭借 Neon **极速的分支、自动扩缩以及存储/计算分离**，开发人员可以为每个分支、测试或功能即时启动生产级数据库。TanStack 的开发者优先框架 + Neon 的尖端基础设施 = 下一代开发者体验。

了解更多

Clerk 和 TanStack 正在合作，通过行业领先的**身份验证和用户管理**提升您的应用程序的**安全性和用户体验**。结合 TanStack 简洁的路由和工具，您将能够轻松提供用户信任、开发人员信赖的顶级体验。

了解更多

Convex 与 TanStack 合作，不仅为 TanStack 开发者提供**一流的端到端类型安全数据库体验**，而且确保 TanStack 为实时数据库领域做好准备。Convex 的一体化平台通过**革命性的关系型实时数据库**提供端到端类型安全，我们共同提升了实时 React 应用程序的可能性。

了解更多

Sentry 和 TanStack 致力于确保您的应用程序**无错误且高性能**。Sentry 一流的错误监控和性能洞察结合 TanStack 的尖端库，确保您能为用户提供最佳体验。我们共同致力于让您能够自信地构建。

了解更多

路由器你？

我们正在寻找TanStack Router合作伙伴加入我们的使命！与我们合作，突破TanStack Router的界限，共同创造非凡。

聊聊吧

查看之前的合作伙伴 →

功能丰富且轻量

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

赞助商

成为赞助商！

开源项目上的广告？这是什么，1999年吗？

拜托... TanStack 是 100% 私人所有，没有付费产品、风险投资或收购计划。我们是一个致力于创建数百万人日常使用的软件的小团队。你还期望什么呢？

查看我们的理念了解我们计划如何长期坚持（并保持相关性）。

体验一下吧！

创建一个路由，放入一个路由器，然后开始编写代码吧！

哇，你已经走了这么远了！

只剩下最后一件事了...

开始使用！

博客

X.com 上的 @Tan_Stack

X.com 上的 @TannerLinsley