React 与 Redux 的源码实现和典型使用方式中，分别体现了哪些设计模式？请举例说明它们在组件复用、状态管理或数据流控制中的作用。

回答思路

1. 【回答框架 1】React 中常涉及的设计模式包括组合模式、观察者模式、工厂模式、状态模式、适配器模式等。例如组件树体现组合模式，setState 与 useEffect 依赖跟踪体现观察者模式，React.createElement 是工厂模式的体现，类组件与函数组件的生命周期可视为状态模式。
2. 【回答框架 2】Redux 核心模式是单向数据流与观察者模式，store 即订阅源，dispatch 触发 reducer 纯函数更新状态并通知订阅者。中间件机制通过装饰器模式或管道模式扩展 dispatch，实现日志、异步等横切逻辑。
3. 【回答框架 3】组合函数（compose）用于串联多个中间件，体现函数式编程的组合模式；connect 或 useSelector 作为高阶组件或自定义 Hook，起到连接 React 与 Redux 的适配器作用。
4. 【回答框架 4】这些模式共同实现了关注点分离、可预测状态管理与高复用性，但也引入模板代码与额外抽象，需权衡。
5. 【回答框架 5】现代 Redux Toolkit 采用 slice 模式组织 reducer 和 action，结合 Immer 简化不可变更新，降低样板代码，但底层核心模式未变。
6. 【关键点 1】组合模式体现于 React 组件树；观察者模式体现于 Redux store 订阅机制。
7. 【关键点 2】工厂模式体现于 React.createElement；装饰器模式体现于 Redux 中间件。
8. 【关键点 3】适配器模式体现于 react-redux 的 connect 或 Hook 桥接 React 与 Redux。
9. 【关键点 4】Redux 强制单向数据流，唯一改变状态渠道是 dispatch action。
10. 【关键点 5】中间件 compose 机制实现函数式组合，增强 dispatch 能力。
11. 【易错点 1】不能将 Redux 中间件简单等同于单一设计模式，它集装饰、责任链、组合于一身。
12. 【易错点 2】不应忽略 Hook 时代的新模式（如 useReducer 与 context 组合）对传统装饰器模式的替代。
13. 【易错点 3】避免过度设计，未能清晰解释模式解决的具体痛点，只罗列名词会被视为表面理解。