Performance

本文深度剖析了 React 18 引入的核心 Hook useSyncExternalStore，旨在解决与外部数据源同步时产生的“撕裂 (tearing)”、SSR 水合不匹配及性能问题。笔记系统性地阐述了该 Hook 相较于传统 useEffect 模式的优势，拆解了其基于 subscribe 和 getSnapshot 的原子化更新机制，并提供了具体的实现范例。

本文深度剖析了 React 及其他现代前端应用中用于管理复杂状态的高级模式——数据规范化 (Data Normalization)。笔记通过电商购物车的案例，对比了非规范化（嵌套）与规范化（扁平）状态结构，并阐述了后者如何通过建立“单一数据源”来简化更新逻辑、提升渲染性能并增强应用的可维护性。

本文深度剖析了 React 中常见的状态管理反模式。内容系统性地阐述了三大核心问题：存储可派生状态、为非渲染值使用 state 以及存储冗余状态。

本文深度剖析了前端性能优化中的核心技术——虚拟列表 (Virtual Scrolling / Windowing)。内容系统性地阐述了其工作原理，即通过仅渲染视口内可见的 DOM 节点来处理海量数据。

本文深度剖析了 V8 JavaScript 引擎的核心工作原理，系统性地阐述了其 JIT (Just-In-Time) 编译管线。内容从源码解析（Parsing）和 AST 生成入手，详细拆解了 Ignition 解释器如何将 AST 转换为字节码并执行，以及 TurboFan 优化编译器如何基于运行时反馈，通过推测性优化 (Speculative Optimization)、隐藏类 (Hidden Classes) 和函数内联 (Function Inlining) 等关键技术生成高效的机器码，并涵盖了去优化 (Deoptimization) 的回退机制。