React框架的主路径是提供一套状态到渲染的映射，给定相同状态，必然产生相同渲染。
状态（state） → 声明式映射（JSX/组件） → 渲染（UI）
除此之外异步的、外部的数据都被看作其他路径（副作用），在React设计看来开发者可以由开发者“翻译”取得数据后通过setState()提交给框架，从而让它们重新进入主路径。
Hooks 的关键洞察是：绝大多数看似"在路径之外"的情况，都可以转化为状态变化。副作用也视为一种状态来源。
举例说明
A. 外部数据源 → 状态
定时器/WebSocket → useEffect监听 → setState → 渲染更新
本质：将异步的、外部的数据流"翻译"成 React 能理解的状态变化。
B. 用户交互 → 状态
用户点击 → 事件回调 → setState → 渲染反馈
本质：将离散的用户操作转化为连续的状态序列。
C. 派生状态/缓存
复杂计算 → useMemo → 缓存值 → 作为状态参与渲染
本质：将昂贵的计算过程"包装"成看似普通的状态值。
优点
- 认知统一：开发者只需要思考"状态变化如何影响 UI"
- 调试友好：所有变化都有明确的因果关系
- 组合性强：各种 Hook 可以像乐高一样组合
- 时间旅行可能：因为所有变化都经过状态这个"瓶颈"
这种设计让 React 既保持了声明式的纯粹性，又具备了处理现实世界复杂性的能力。这确实就是 Hooks 设计的精妙之处！