适用于现代化技术栈的团队

框架迁移
无需混乱

当旧模式悄悄回归时,框架迁移就会失败。diffray 在每个 PR 上 执行新模式,让您的迁移保持正轨。

React (CRA)Next.js
ExpressFastify
RESTGraphQL
Class 组件Hooks

迁移为何失败

不是迁移的问题。是维护的问题。

旧习惯难改

开发者因肌肉记忆继续使用旧模式。新代码使用旧约定。

代码库不一致

一半迁移完成,一半还是遗留代码。没有清晰的边界。新功能随机混合使用模式。

退化到旧模式

已迁移的区域被旧模式污染。没有持续警惕,进展会倒退。

知识差距

不是每个人都同样熟悉新框架。代码质量因编写者而异。

持久的迁移

AI 确保新模式保持新

模式执行

将新框架模式定义为规则。AI 在每个 PR 上执行它们,自动捕获旧习惯。

"使用服务器组件进行数据获取。客户端组件仅用于交互。"

边界管理

定义哪些目录已迁移。遗留区域允许旧模式,新区域禁止旧模式。

"此文件在 /app(已迁移)。使用 App Router 模式,而不是 Pages Router。"

迁移指导

AI 解释如何将旧模式转换为新模式。每次审查都是教学时刻。

"用异步服务器组件替换 getServerSideProps。参见迁移指南:/docs/migration.md"

进度跟踪

查看代码库有多少已迁移。庆祝进展,识别落后者。

"73% 的组件已迁移到 hooks。/legacy 中还剩 12 个类组件。"

我们支持的常见迁移

React (CRA)Next.js

Pages Router → App Router

ExpressFastify

中间件 → 插件

RESTGraphQL

端点 → 解析器

Class 组件Hooks

生命周期 → useEffect

CommonJSES Modules

require → import

Vue 2Vue 3

Options API → Composition API

常见问题

现代化。
保持现代。

迁移一次。永远执行。

开始免费试用