React源码解析

理解lane优先级是理解React渲染机制的关键，lane优先级和fiber树的配合可以说是非常完美的，因为lane优先级的存在，优化了同步更新，减少了页面阻塞的情况。

本文我们讲解了最小堆和MessageChannel，然后通过这两个知识点了解了React的schedule优先级是如何排队，执行任务的。

本文让我们理解了context的工作原理，理解了为何使用context时一定要使用Provider去包裹，也理解了尽管共同使用同一个context，只要不被同一个Provider包裹着，数据

本文通过Demo组件例子讲述effect hooks的执行顺序，再通过Demo组件和部分简化过的源码讲述effect hooks都做了些什么并且引出真正的主角updateQueue。

今日的主题是React的绝对核心DOM-DIFF，想要了解React的更新流程，就非常有必要理解DOM-DIFF。在聊具体如何diff之前，我们先来了解diff的几个原则。

本文是该系列第五篇，经过了上一篇的事件系统和本文的状态定义和修改，我们正式进入到React的更新流程。

相信很多React使用者都很好奇，为什么在React中注册事件使用的是小驼峰。比如onclick在React中要写成onClick，这两个东西使用起来那么像？他们是一样的吗？

commirRoot阶段主要就是根据fiber树构建出整个dom树，然后直接将他们提交到浏览器，让浏览器渲染出它们。

completeWork阶段主要就是根据fiber树，生成对应的真实dom树，每一个原生fiber节点上面都有一个stateNode属性，这个属性的内容就是自己的真实dom。

主流程其实很简单，就是创建出根fiber，然后将根fiber的子节点的VDOM添加到根fiber的更新队列中，然后再根据这个更新队列进行fiber树的构建。

React源码解析，通过一张又一张的流程，以及一份又一份的简单版React了解React整个渲染过程。