用 React 重构老项目后，我总结了这些经验

从 jQuery 时代走来的老项目，如何平稳迁移到 React？

去年接手了一个五年前的老项目，技术栈是 jQuery + 模板引擎，代码量不大但逻辑耦合严重。团队决定用 React 重构，这篇文章记录整个过程的关键决策。

首先是技术选型。我们选择了 React 18 + TypeScript + Vite 的组合。选 Vite 是因为构建速度确实快，开发体验提升明显。TypeScript 则是为了在重构过程中尽早发现类型错误。

组件拆分策略上，我们采用了"由外向内"的方式：先拆页面级组件，再逐步拆分通用组件。每个页面独立迁移，互不影响。这样即使某个页面迁移出了问题，也不会阻塞其他页面的进度。

踩过的坑主要有三个：一是老代码中大量的全局状态，迁移时需要仔细梳理数据流；二是一些依赖 DOM 操作的逻辑，需要用 React 的方式重新实现；三是样式隔离问题，老项目的全局 CSS 经常影响新组件。

总结：重构不是一蹴而就的事，制定好计划、分步执行、充分测试，才能平稳完成。