React as a UI Runtime — overreacted
13 hours ago
- React 是一个作为编程运行时的 UI 库，通过协调过程管理宿主树（例如 DOM）。
- 宿主实例（如 DOM 节点）由渲染器（例如 React DOM）以变异或持久模式管理。
- React 元素是轻量级、不可变的 JavaScript 对象，描述某一时刻的 UI；它们形成树结构，并在每次渲染时重新创建。
- 协调过程根据元素类型和位置决定是重用还是重新创建宿主实例；键（key）有助于处理动态列表。
- 组件是返回 React 元素的函数；它们被假定为纯函数，但允许局部变异和惰性初始化。
- 控制反转让 React 调用组件，从而支持状态、协调、惰性求值和更好的调试等功能。
- 状态（通过 useState）是组件在树中位置局部的；React 批量更新并将工作分为渲染和提交阶段。
- 记忆化（React.memo、useMemo）优化子树；React 使用原始数据而不进行细粒度响应式处理以提升性能。
- 副作用（useEffect）在绘制后处理副作用；它们在挂载/更新时运行并可以清理；依赖项控制重新执行。
- 自定义 Hook 组合可重用的有状态逻辑；Hook 调用必须位于顶层且无条件，由 lint 规则强制。
- Context 为主题等值提供动态作用域；Fiber 存储局部状态并表示组件调用树。