React 与 Vue 走的是两条不同的路:Vue 用 Proxy 做响应式,React 则靠虚拟 DOM 与可中断的 Fiber 调度。本文先把 JSX 编译与 createElement 讲清,再拆解虚拟 DOM 的协调(Reconciliation)与 Diff 算法(同层比较、key 的作用、双端对比思路);核心是一节 Fiber 架构——为什么 Stack Reconciler 会卡顿、Fiber 节点如何可中断可恢复、双缓存树与 workInProgress 如何避免白屏闪烁。随后深入 Hooks 心智模型:闭包陷阱、useState 的批量更新、useEffect 的依赖与清理、