React18源码
42篇文章 · 0订阅
  • React18.2x源码解析（四）commit阶段【DOM渲染与回调处理】
    在本系列的第二，第三章节已经完整的讲述了render阶段的scheduler调度流程和reconciler协调流程。 本节将深入理解react应用渲染流程的最后一个阶段commit阶段。 commit
    前端 JavaScript React.js
    React18.2x源码解析（四）commit阶段【DOM渲染与回调处理】
  • React - state hook 原理
    React - state hook 在上一篇文章 React Fiber - updateQueue 中分析了 class 组件中 updateQueu 实现原理。如果某个函数式组件需要拥有自己的状
    React.js
    React - state hook 原理
  • React 源码解读之 setState 和 forceUpdate
    setState和forceUpdate两者的更新流程相似，唯一的不同是执行forceUpdate时 update对象的tag属性值更改成了ForceUpdate。
    前端 React.js
    React 源码解读之 setState 和 forceUpdate
  • React Effects List大重构，是为了他？
    大家好，我卡颂。 本文我们来看React内部Effects List机制重构的前因后果。 阅读完本文，你可以掌握React18对比之前版本，Suspense特性的差异及原因。 欢迎加入人类高质量前端框
    前端 React.js 前端框架
    React Effects List大重构，是为了他？
  • 我对React18 Fiber架构的理解
    基本数据结构 React中有三种节点类型 ReactElement：createElement的返回值 ReactComponent：函数组件或类组件 FiberNode：Fiber架构的工作单元，一
    React.js 前端
    我对React18 Fiber架构的理解
  • [React 源码] React18 合成事件 [2.5k 字 - 阅读时长10min]
    读完收获 学会 Dom 事件流 理解 事件委托 掌握 React 合成事件原理 Dom 事件流 事件流包含三个阶段: 事件捕获阶段 目标阶段 事件冒泡阶段 首先发生的是事件捕获，然后是实际的目标接收到
    前端 React.js JavaScript
    [React 源码] React18 合成事件 [2.5k 字 - 阅读时长10min]
  • React EffectList
    EffectList 一个由 Fiber 构成的单向链表。每个Fiber节点都保存着自己子节点的 EffectList，用于在commit阶段执行对应Fiber的effectTag标记的DOM操作
    React.js
  • 详解react的diff算法
    深入了解react底层源码，详解React Diff算法，diff算法有什么难的，再也不用担心面试被问到啦！！！
    React.js
  • 一文吃透 React 和 Vue 的多节点 diff 原理
    虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题。
    React.js Vue.js
  • React源码揭秘3 Diff算法详解
    在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的this.render方法返回值，或者FunctionComponent执行的返回值）进行比较。根据比较的结…
    React.js
    React源码揭秘3 Diff算法详解