从 2020 年开始思考一个问题：如何让代码更好维护？

当时想到的是顶点控制 + 模块化。所以采取的方案是：所有状态逻辑都由 Vuex 控制，Vue 只有 UI 逻辑与 UI 本身，只需要关心 Vuex 的模块在何时加卸载即可。而这个思路在当时有一个很好的选择：dva.js

从 2021 年开始因为产品经理能力滂臭，以致更新问题：如何尽量让一套业务代码到处可跑。因为这个时候的产品只有三个关键词：短时间、业务趋同、不同的产品UX。采取的方案是：在将 UI 和逻辑分开基础上，对代码分层。逻辑代码都是无依赖 TypeScript，利用 React Hooks 封装调用，依赖倒置

这个做法确实保持了一定时间的血压下降，这也给滂臭产品一个得寸进尺的机会 —— 1.5 人月干了四个项目（真是TMD）。好在时间几乎都花在 UI，程序都用 React，小程序也用 Taro3，所以似乎问题不大

但是 2022 年又把血压抬到原点，这下不得不重新思考这个问题

相关阅读：

• 组件化与工程设计 · Colmugx 's Blog

这是又一篇臆想文
如果看到文章的您，觉得给您带来了帮助，那纯属瞎猫撞上死耗子。

TL;DR

• 组件化在做什么，组件是什么
• 因为 toB 大型应用的历史原因，前端开始需要前端架构设计。或者说前端工程本就应该要架构设计

所以是什么时候前端开发也发展成需要「软件工程」的时代了，还不是现在用户的电脑越来越 nb 浏览器越来越 nb

工程实践变成燃眉之急绝对是近几年「是个🔨就要上云」造成的 —— 应用都希望变成 SaaS；都希望敏捷无感更新；都希望多端同步（这里不指跨平台）……

演变到这就产生一个问题