用途:该技能面向 TanStack Router 的基于文件的路由开发,强调类型安全导航、路由 loader 与懒加载,适用于创建新路由、实现导航、用 loader 加载数据、带参数的类型安全路由以及懒加载路由。
主要能力:基于文件的路由映射(如 routes/index.tsx 对应 /,routes/posts/$postId.tsx 对应 /posts/:postId);动态路由参数与多参数;路由 loader(含依赖并行加载与错误处理);导航(Link 组件与 useNavigate 编程式导航);懒加载路由组件与懒加载 loader;用 zod 校验的类型安全 search params 及其更新;根布局与嵌套布局(Outlet);路由守卫(beforeLoad 中鉴权与权限重定向);面包屑 meta。
使用方式:在路由文件中用 createFileRoute 定义路由,配置 loader、component、validateSearch、beforeLoad 等;用 Route.useLoaderData()、Route.useParams()、Route.useSearch() 读取数据;用 Link 的 to 与 params 做类型安全跳转。示例命令与代码保持原样,如 createFileRoute('/posts')。
适用场景:React 应用中需要类型安全、数据预加载与代码分割的路由架构。
限制:资料未提供安装命令、版本要求、收费或平台信息,暂未提供。