上个星期五下午，临近下班，组里一个刚入职不久、技术热情极高的小伙子，给我提了个极具分量的 PR。

他跑到我工位旁，眼里闪着光：老大，我把咱们那个核心中后台项目的 React 从 17 直接升到 19 了，顺便把 Webpack 换成了 Rsbuild。release note 说性能提升了将近 40%，我本地跑了一下，秒开！

看着他求表扬的神情，我的心却瞬间沉到了谷底。

我点开 package.json 的 diff，好家伙，红绿相间的变动多达七十多处。除了 React 自身的跨代大版本，连带着状态管理、路由、甚至底下好几个用来处理复杂 Excel 导出的老旧插件，全被强行 npm update 到了最新版。

我深吸了一口气，默默把他的 PR 关了，并告诉他：本地跑通不算通。这个合并如果今天发到线上，明晚咱们整个组大概率都要在 P0 故障复盘会上做检讨。😖

很多年轻前端可能觉得我太保守，甚至有点老顽固。 技术社区里天天都在吹 Vue 3.x 又出了什么革命性宏，React 19 的 Server Components 有多颠覆，Vite 又把构建速度压缩了多少毫秒等等。

在他们眼里，升级框架就像给手机系统点一下更新那么简单，不仅能提效，写进简历里还能多一句---主导项目底层技术栈升级。

但在前端领域摸爬滚打了很多年、背过无数次线上事故的锅之后，我慢慢明白了一个极其骨感的现实告诉你：前端资质越高，越不敢随便升级框架。

升级其实没那么简单

年轻时总有一种错觉，以为升级框架就是改一下 package.json 里的数字，然后顺着终端里的 warning 把废弃的 API 替换掉就完事了。

但真实的业务工程，是一个由无数个三方库、内部包、魔改组件和历史妥协交织而成的巨大复杂度。

就拿上面那个小伙子强升 React 19 来说。他只看到了 React 19 把 forwardRef 废弃了，直接把 ref 当 prop 传就行，代码看起来确实优雅了。

但他没看到的是，咱们项目里深埋着一个 4 年前离职前辈写的、极其复杂的虚拟滚动表格组件。当年为了在老版本里拿到底层 DOM，前辈用了极其 Hack 的方式去代理 ref：

// 离职前辈留下的祖传代码
// 强行拦截并劫持了内部的 ref 实例，用来做复杂的聚焦与按键接管
const ComplexTable = React.forwardRef((props, ref) => {
  const internalRef = useRef();
  
  useImperativeHandle(ref, () => ({
    forceScroll: (y) => {
      // 依赖了早期版本某 UI 库极其脆弱的内部结构
      internalRef.current.querySelector('.ant-table-body').scrollTop = y;
    },
    // ... 其他 20 个不知道哪里会调用的这些方法
  }));
  return <Table ref={internalRef} {...props} />;
});

当你兴冲冲地把大版本一升，底层的渲染时机变了，或者旧版 UI 库的 DOM 结构因为不兼容而错位了。本地跑的时候，页面确实渲染出来了。

但等到下周一，财务部门的同事在处理每个月一万条数据的工资单，习惯性地按下回车键想要让表格自动滚动到下一行时——整个页面直接白屏崩溃😢。

这种深水区的依赖断裂，TypeScript 查不出来，E2E 测试如果没有覆盖到这一步也抓不到。最后买单的，就是签字同意合入代码的技术负责人。

牵一发而动全身。在没有 100% 自动化测试覆盖率的团队里，升级底层框架不叫重构，那叫排雷🤷‍♂️。

技术自嗨？

很多程序员在谈论框架升级时，往往会陷入一种技术自嗨的盲区。

你看，新的打包工具让首屏渲染快了 0.5 秒！

确实很棒。但然后呢？

站在业务视角的逻辑是极其冰冷的：如果一个系统目前运行稳定，没有遇到致命的性能瓶颈，也没有阻碍新需求的迭代，那么动它的底层，就是典型的 ROI（投资回报率）倒挂。

你花了两周时间解决各种依赖冲突，把 Vue 2 强行拔高到了 Vue 3，把 Options API 费劲巴拉地重构成了 Composition API。

如果升级成功了呢， 业务侧毫无感知，产品经理不会多给你发一毛钱奖金，老板甚至觉得你这两周业务产出为零😖。

升级失败了（或者带入了暗病）：阻断了核心业务流程，造成客户流失，你就是那个没事找事、搞出 P0 事故的千古罪人。

这不是叫你摆烂，而是工程学里一条极其重要的铁律：If it ain't broke, don't fix it.（只要没坏，就别瞎修。）

我们写代码是为了解决业务问题，而不是为了满足自己对时髦技术的热爱。把屎山代码翻新成现代化技术栈，它依旧可能是一座逻辑混乱的屎山，只不过现在是一座编译速度更快的屎山罢了😒。

什么时候才该升？

那难道我们就永远守着老旧的版本，在历史包袱里等死吗？ 当然不是。

高级前端和初级前端的区别就在于：初级前端为了新而升级，高级前端为了解决痛点而升级。

遇到以下三种情况，哪怕风险再大，我也一定带着团队往上升：

如果触及了不可逾越的性能天花板。 比如旧版框架的 Virtual DOM 算法在十万级数据渲染时已经彻底锁死主线程，而新版的并发特性或细粒度更新能从底层解决这个问题。

安全漏洞与 LTS（长期支持）结束。 底层依赖被扫出高危漏洞，且官方不再为老版本提供补丁，如果不升，过不了公司的内部安全红线。

生态彻底断裂。 现有的技术栈已经古老到找不到能兼容的周边库了，新招来的员工看这代码像看甲骨文，维护成本已经远超升级成本。

而且，真正老道的升级，绝不是开个新分支一把梭。 那是细致入微的依赖盘点、是灰度发布、是双栈运行、是哪怕天塌下来也能在 5 分钟内切回老代码的降级预案。

前几天我在社区看到一句话，深以为然：每一个看似极其保守的技术决策背后，都站着一个曾经被线上 Bug 毒打得死去活来的灵魂😁。

所以，当你的组长拒绝你那份华丽的底层升级改造方案时，别急着在心里骂他老土。他不是不懂新技术，他只是比你更懂那条在深夜里突然响起的线上报警短信，有多么让人绝望😒。

对于一线开发者来说，关注前沿技术、保持对框架底层演进的好奇心，绝对是好事。它能保持你的敏锐度，让你在写新项目时拥有更好的技术选型视野。

但在一个沉淀了无数业务逻辑的历史工程面前，请保持谨慎。

真正的技术大佬，不是那个天天在项目里倒腾最新框架的极客。而是那个哪怕手握一大把老旧框架，也能稳稳当当把复杂的业务需求切得明明白白，让系统稳如老狗的架构师。

转自https://juejin.cn/post/7622944302651408410

​