All Posts

  • Published on
    本文深度剖析了 React.lazy() API 的内部工作机制。内容系统性地阐述了 lazy() 返回的特殊 React 元素如何与 Fiber 架构紧密集成,通过其内部状态机管理模块的异步加载过程。笔记详细解析了其在协调 (Reconciliation) 阶段的特殊处理流程,并揭示了其在性能优化(避免冗余 Fiber 节点)与类型安全方面的设计考量。
  • Published on
    本文深度剖析了 React useState Hook 的内部工作机制。内容系统性地阐述了 useState 在组件生命周期的三个关键阶段——初始挂载、状态更新(调度)与重渲染——的底层实现,并详细拆解了其与 Fiber 架构及 Lane 优先级模型的交互。
  • Published on
    本文深度剖析了 React 的初始挂载渲染管线,系统性地阐述了从 createRoot().render() 调用到最终 DOM 节点呈现的完整过程。内容详细拆解了 Fiber 架构下的四大核心阶段——触发、调度、渲染和提交,并深入到 beginWork, completeWork 和 commitMutationEffects 等内部工作单元。