SuperAPI AI 工具集

tanstack-router-best-practices

前端与建站

查看项目

更新于 10-16 06:14

技能介绍

用途:在 React 应用中实施或审查 TanStack Router 的用法,侧重类型安全、数据加载、导航与代码组织。适用于搭建应用路由、创建路由与布局、处理搜索参数、配置数据加载器、设置代码分割、集成 TanStack Query,以及重构导航模式时参考。

主要能力:包含 15 个规则文件,涉及根路由上下文(ctx-root-context)、404 处理(err-not-found)、配合 TanStack Query 使用 ensureQueryData、并行路由加载、用路由加载器取数、优先使用 Link 组件导航、用路由掩码实现弹窗 URL、理解虚拟文件路由、意图预加载、路由默认选项、自定义搜索参数序列化、搜索参数校验、用 .lazy.tsx 做代码分割、注册路由类型以全局推断、用 from 参数收窄类型。

使用方式:在 rules/ 目录中逐条查阅;每条规则包含 Explanation(为何重要)、Bad Example(应避免的写法)、Good Example(推荐实现)和 Context(适用或跳过时机)。未覆盖的主题需查阅官方文档,并与已安装的包版本匹配。

限制:资料仅给出规则清单与结构,未提供具体代码示例、安装命令、版本要求、平台或性能效果说明,这些内容暂未提供。