公里七

这是我参与8月更文挑战的第19天，活动详情查看：8月更文挑战 在react组件开发的过程中, key是一个常用的属性值, 多用于列表开发. 本文从源码的角度, 分析key在...

`reconcilerChildren`函数(函数中的算法被称为调和算法),分别对单节点和数组节点进行对比. 比较对象是`reactElement`对象和`fiber`对象...

本节主要列举了`erc20`,`erc721`,`erc1155`三种不同协议, 以及`openzeppelin`上面对它们的实现....

Context提供了一种直接访问祖先节点上的状态的方法, 避免了多级组件层层传递props. 本文将从`fiber树构造`的视角, 分析`Context`的实现原理....

从架构上来讲, SyntheticEvent打通了从外部`原生事件`到内部`fiber树`的交互渠道, 使得`react`能够感知到浏览器提供的`原生事件`, 进而做出响应...

本节分析了`副作用Hook`从创建到销毁的全部过程, 在`react`内部, 依靠`fiber.flags`和`effect.tag`实现了对`effect`的精准识别....

本节分析`状态Hook`即`useState`的内部原理, 从`同步,异步`更新理解了`update`对象的合并方式, 最终结果存储在`hook.memoizedState...

本节分析了"fiber"与"hook"的内在关系, 通过"renderWithHooks"函数, 把"Hook"链表挂载到了"fiber.memoizedState"之上....

本节从`fiber`视角出发, 总结了`fiber`节点中可以影响最终渲染结果的 2 类属性(`状态`和`副作用`)....

本节分析了"fiber 树渲染"的处理过程, 位于"reconciler 运作流程"中的输出阶段, 具体从"渲染前, 渲染, 渲染后"三个方面分解了"commitRootI...

本节演示了更新阶段`fiber树构造(对比更新)`的全部过程, 跟踪了创建过程中内存引用的变化情况. 与`初次构造`最大的不同在于`fiber节点`是否可以复用....

本节演示了初次创建`fiber树`的全部过程, 用18张过程图片, 跟踪了创建过程中内存引用的变化情况, 助你深入理解fiber构造原理....

本节是"fiber树构造"的准备篇, 首先在宏观上从不同的视角("任务调度循环", "fiber树构造循环")介绍了"fiber树构造"在"React"体系中所处的位置....

本章主要列举从 react启动到渲染过程出现频率较高, 影响范围较大 , 它们贯穿整个 react 运行时.如: ReactElement 对象, Fiber对象,Upda...

在 React 运行时中, 调度中心(位于scheduler包), 是整个 React 运行时的中枢(其实是心脏), 所以理解scheduler调度, 就基本把握了 Rea...

React内部对于优先级的管理, 根据功能的不同分为LanePriority, SchedulerPriority, ReactPriorityLevel等3 种类型....

假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？...

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。...