用途:该技能为在 React 应用中实现 TanStack Router 提供系统性最佳实践,覆盖类型安全、路由组织、数据加载、搜索参数、错误处理、导航、代码分割、预加载与路由上下文等主题,适用于搭建应用路由、创建路由与布局、处理搜索参数、配置数据加载器、代码分割、集成 TanStack Query 及重构导航等场景。
主要能力:规则按优先级分组。关键级包括类型安全(如注册路由类型、使用 from 参数收窄类型、用 createRootRouteWithContext 标注路由上下文、在 loader 中使用 queryOptions)与路由组织(优先文件式路由、层级路由树、无路径布局、索引路由、虚拟文件路由)。高级包括路由配置默认项、数据加载(使用 loader、loaderDeps 控制缓存、ensureQueryData、延迟数据、错误处理、并行加载)、搜索参数(校验、类型继承、中间件、默认值、自定义序列化器)与错误处理。中级包括导航(Link 组件、激活状态、useNavigate、相对路径、路由遮罩)、代码分割(.lazy.tsx、关键配置保留在主文件、autoCodeSplitting)与预加载(意图预加载、过期时间、手动预加载)。低级为路由上下文(根上下文、beforeLoad 扩展、依赖注入)。
使用方式:每条规则文件包含说明、反例、正例与适用场景。资料未提供具体安装命令或调用方式。
限制:资料未说明支持的版本、平台或收费信息;具体代码示例需查阅 rules/ 目录下各规则文件。