SuperAPI AI 工具集

react-router-knowledge-patch

前端与建站

查看项目

更新于 10-16 01:35

技能介绍

用途:在修改 React Router 应用之前,先确认已安装的主版本与运行模式(Framework、Data、Declarative 或 RSC),因为多处名称与默认值随主版本变化,部分临时名称经历了多步稳定。

主要能力:内容按主题组织,包括数据加载与渲染(Single Fetch、loader/action、hydration、revalidation、fetcher、导航、预渲染);框架路由与配置(路由配置、发现、拆分、SPA/SSR、server bundles、路径与 mask);中间件与上下文(context provider、服务端/客户端中间件、next()、错误、request scope);迁移、包与工具链(包导入、运行时下限、Vite、适配器、已移除 API、脚手架、主版本升级);React Server Components;安全、可观测性与 CSP;类型安全与 API。

使用方式:先检查 package.json、lockfile 与导入以确认主版本,判断路由模式及是否使用框架 Vite 插件;改动导入、flag、运行时版本或适配器前先读迁移参考;只读任务所需的主题参考;优先使用已安装版本支持的稳定写法;在单独跑 TypeScript 检查前先生成路由类型;在相关情况下分别测试文档请求、客户端导航、提交与 hydration。

要点与限制:当前主版本要求 Node 22.22.0+、React 19.2.7+、Vite 7+、ESM 包与 ES2022 目标,适配器 peer 下限可能更窄;应移除 json()、defer()、deferred-data 符号与 multipart 上传辅助;旧 v7_、v3_、unstable_* 等 flag 需核对;v8 中中间件、透传请求、尾斜杠数据请求与 Vite Environment API 为无条件启用;中间件上下文为类型化 RouterContextProvider;应使用 loaderData 而非 match 数据;框架路由模块自动拆分,根路由例外。RSC 支持仍处于临时状态,需确认入口位置与路由导出语义。资料未提供官方文本、收费与价格信息。