这个话题将涉及到很多的原则： 我们为什么需要前端架构？ 功能性和非功能性需求不仅需要应用到后端，也需要应用于前端。因此，前端架构能够满足商业的需求。而且，我们可以更好理解项目的复杂性，从而减少项目风险

‍‍‍‍‍ 导语 | 腾讯前端工程师唐霜在React项目中，尝试使用DDD方法论为业务对象建模，其所在团队形成良好的业务沟通规范和业务逻辑沉淀流程，构建了更加稳固的业务系统。作者将多年的积累探索经验总

一、架构本质思考 1.1、什么是架构？ 1.2、架构就在生活中 假如你是食堂大妈，如何低成本解决高峰回收的阻塞？ 假如你是车站保安，如何低成本解决春运进站的并发? 假如你是电工师傅，如何低成本解决异常

话说近年来typescript作为javascript的第二语言越来越流行，听说你是TS高手，但是你的TS注释规范吗？ 规范的TS注释不仅能说明代码意图、直接生成API文档，还能为IDE工具提供更智能

vue和react都已经全面进入了hooks时代（在vue中也称为组合式api），如何才能写出高质量的hooks组件？

1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …

1. 前言 状态机的一大好处就是可以可视化状态，降低业务的理解成本和相互间的沟通成本。 目前 XState 官方提供的可视化工具已经做的很不错了，但用起来偏重，国内访问也比较慢。这边我再原基础上进行了

无论做业务需求还是做平台需求的同学，随着需求的不断迭代，通常都会出现逻辑复杂、状态混乱的现象，维护和新增功能的成本也变的十分巨大，苦不堪言。下图用需求、业务代码、测试代码做对比： 图中分了 3 个阶段