一个强大的 React 路由,适用于客户端和全栈 React 应用。完全类型安全的 API,一流的 search-params 用于管理 URL 中的状态,以及与现有 React 生态系统的无缝集成。
开始使用import { createRootRoute, createRoute, createRouter, RouterProvider } from '@tanstack/react-router'
const rootRoute = createRootRoute()
const indexRoute = createRoute({
getParentRoute: () => rootRoute,
path: '/',
component: () => <div>Hello World</div>,
})
const routeTree = rootRoute.addChildren([indexRoute])
const router = createRouter({ routeTree })
export default function App() {
return <RouterProvider router={router} />
}看看团队在说什么
"TanStack Router 最大的问题在于,一旦你使用过它,你就会更难回到其他路由解决方案。"
"TanStack Router 与 TypeScript 息息相关——它就是为此而设计的,它们是天作之合。"
"我花了几小时切换到基于文件的生成,印象深刻。然后我使用了自动代码拆分,惊叹不已。这绝对是惊人的!"
"我越来越喜欢 React + Vite + TanStack Router + TypeScript + TanStack Query 的组合了。"
"我刚刚让 Elysia 与 TanStack Router 协同工作,目前体验非常好。"
"我一直在使用 Tanstack Start 开发新项目,效果非常好。服务器函数完全取代了 TRPC/GraphQL/REST 的需求。"
"TanStack Router 最大的问题在于,一旦你使用过它,你就会更难回到其他路由解决方案。"
"TanStack Router 与 TypeScript 息息相关——它就是为此而设计的,它们是天作之合。"
"我花了几小时切换到基于文件的生成,印象深刻。然后我使用了自动代码拆分,惊叹不已。这绝对是惊人的!"
"我越来越喜欢 React + Vite + TanStack Router + TypeScript + TanStack Query 的组合了。"
"我刚刚让 Elysia 与 TanStack Router 协同工作,目前体验非常好。"
"我一直在使用 Tanstack Start 开发新项目,效果非常好。服务器函数完全取代了 TRPC/GraphQL/REST 的需求。"
创建一个路由,放入一个 Router,开始编写代码吧!