架构
React 应用的分层
跟着 Juntao Qiu 关于 React 模块化的文章,把支付页面拆成 view、model、data 三层。还整理了亲自运行示例仓库时发现的 useMemo 失效和 fetch 反复调用,以及什么时候该用这种结构的判断。
状态管理
本文把前端状态分为局部、全局、服务端、表单、URL、外部和守卫 7 类,先说明状态管理为什么如此棘手,再分别梳理每一类状态适合的工具与边界,最后归纳为在创建一个新状态之前应该先问自己的四个问题,帮助在实际项目中做出更清楚的选择。
领域模型
以综合所得税为例,讨论前端的领域逻辑应该放在哪里:把混在组件里的税额计算拆成纯函数,并依次梳理贫血领域模型、API 响应转换层、ViewModel 分离、类与函数式风格的内聚差异,以及拆分应该在何处停止的判断标准。帮助判断代码该放在哪一层。
领域术语
以 Eric Evans 与 Martin Fowler 的定义,梳理领域、领域模型、领域对象与领域对象模型这四个概念的区别,并用综合所得税的例子说明为什么 API 响应类型不是领域模型,以及在前端代码中如何区分实体与值对象。