流程图90%的内容来自《React技术揭秘》一书。整理其内容，让正在学习源码的同学能够系统的串联起各个关键知识点。下面这张JPG图片比较模糊，图片宽高比较大，用手机打开pdf不方便。推荐使用电脑跳转到以下pdf地址，带着问题查看阅读。React概念一、react15和react>16架构的区别？2、Fiber节点的组成是什么？3.Fibertree的结构是怎样的？什么是深度优先遍历？4、Fiber是如何工作的（双缓冲技术）？5.FiberMountandUpdate的过程是怎样的？6.JSX和Fiber有什么区别？pdf地址：https://bin-blog.oss-cn-shenz...Reactrenderstage1.进入render阶段前需要做什么（判断是否可以异步中断更新）？2、Fiber节点的创建和Fiber树的构建是如何开始的（performUnitOfWork）？3.beginWork在“交付”阶段是如何工作的？4.'返回阶段'completeWork是如何工作的？5、如何判断是mount还是update？6、render阶段的最终产物是什么（生成effectList，创建fiber节点）？pdf地址：https://bin-blog.oss-cn-shenz...Reactcommitphase1、如何启动commit阶段（commitRoot方法）？2、在mutation阶段（flushPassiveEffects()、触发useEffect回调等同步任务）之前做了什么？3、rootFiber的effectTag不在effectList中怎么办？4.beforemutation阶段（执行Dom操作之前）做了什么？5、变异阶段（执行Dom操作）做了什么？6、布局阶段（执行Dom操作后）做了什么？7、Layout之后做了什么？8.最终产品是什么？PDF地址：https://bin-blog.oss-cn-shenz...原文地址：https://mp.weixin.qq.com/s?__...欢迎关注公众号》前台-晚课结束”，我们稍后会分享所有的流程图和.pos源文件，转载请注明出处！
