react源码剖析

react作为当今热门的框架语言，源码的学习显得尤为必要，此系列文章目的在于帮助大家**从0开始一步步渐进式的理解react**底层运行原理。

workLoop是react中一个非常重要的执行函数，今天的这篇文章我们需要完成下面几个小目标： 理解什么是workLoop? 熟悉workLoop的流程是什么？ 掌握workLoop源码是如何实现的

上篇文章我们讲解了beginWork的工作流程，而workLoop中另外个重要的函数就是completeWork，此篇文章会着重剖析completeWork阶段的工作内容

react16之后重构了ReactElement构成的树形结构，而beginWork、completeWork的核心目的就是做这样的一件事情，把ReactElement的结构转成fiber结构

前面两篇文章介绍了fiber架构和workLoop如何调度。但是缺了一块非常重要的地方，那就是开发者写的代码是如何对接到上面流程的？ 在日常开发中，我们只关心了如何写组件，但是写完的组件是如何被渲染？