警警的博客

React 的事件代理（如合成事件）和 Fiber 是代理模式的应用，代理真实 DOM 和任务调度。观察者模式用于建立一对多的依赖关系，当对象状态发生变化时，所有依赖的观察者会被自动通知。React 的 Diff 算法使用策略模式，根据节点的类型选择不同的更新策略。React 组件树的设计就是组合模式的体现，每个组件可以包含子组件。React 的状态管理和组件更新使用了观察者模式。

渲染属性模式（Render Props Pattern）自定义钩子模式（Custom Hook Pattern）组合模式（Composite Pattern）在React中的应用容器组件与展示组件模式（Container and Presentational Components Pattern）高阶组件模式（Higher-Order Components Pattern）

Vue与React设计模式对比及实践 本文对比了Vue和React框架中常用的设计模式，通过代码示例展示其实现原理和应用场景： 共用核心模式 观察者模式：Vue通过数据劫持实现响应式，React通过setState触发更新 单例模式：Vuex和Redux都采用单例管理全局状态 框架特有模式 Vue：代理模式（Proxy数据拦截）、装饰器模式（mixins扩展） React：工厂模式（vdom创建）、策略模式（状态处理） 关键差异 Vue强调自动响应式，React侧重显式更新机制。理解这些模式有助于优化代码结

设计模式（Design Pattern）是一套被反复使用、多数人知晓的、经过分类编目的代码设计经验的总结。使用设计模式的主要目的是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。设计模式使代码编制真正工程化，是软件工程的基石。