跳转到正文

TanStack Router 为 React 应用提供完全类型安全的路由方案。该库重新设计了现代路由模式,在提升开发体验的同时不牺牲安全性。

路由器简化了数据获取,借助内置缓存和自动预加载实现即时导航。它提供灵活的加载器 API,可避免数据获取过程中的瀑布效应,让页面并行加载,持续吸引用户。

此外,TanStack Router 提供高级搜索参数 API,通过支持 Schema、验证和 URL 搜索参数操作来改进状态管理。这项功能减少了对内存状态的依赖,并提升用户体验。

轻量级架构(仅 12kb)兼顾性能和可扩展性,是部署高性能应用的可靠选择。与 Vercel、Clerk、Convex 和 Sentry 等合作伙伴集成,进一步提升其价值,助力保障安全、实现实时数据交互并有效监控应用。

功能

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

相关项目

TanStack Start

适用于 React 和 Solid 的全栈元框架,提供类型安全路由、SSR、流式传输、服务端函数和由 Vite 驱动的打包能力,可随处部署。

React Router

管理 React 应用中的路由和导航不可或缺的工具,可提升开发效率和应用性能。

Hybrids

该框架结合声明式和函数式编程技术,帮助开发者构建高效、易维护的 Web 应用和组件。

Inertia.js

该解决方案采用现代客户端技术,同时保留传统服务端渲染应用的简洁性,让现代 Web 应用开发更加简单。

nuqs

利用 URL 查询字符串持久保存和同步状态,轻松管理 Next.js 应用状态。

React Hook Form

一款强大的表单处理库,可简化 React 应用中表单的管理,同时注重性能和易用性。

usehooks-ts

一组 React Hooks,为应用提供即用型解决方案,确保类型安全和高效开发。

TanStack Form

无头、类型安全的表单状态管理,支持与 schema 无关的验证、细粒度订阅和易用的 API,帮助构建复杂表单。