1、前置 JSX

1-1、JSX和Fiber之间的关系

bable 会在编译的时候将JSX语法编译程React.createElement(…) 的形式的脚本
所以在写react的时候需要引入 React 去执行该方法

1-2、React Component 和 React Element 之间有什么关系

babel 对JSX语法的转化， 

  1. // React源码中的createElement方法
  2. createElement(type, config, children) {...}

image.png


**

2、打开浏览器调试prefermense 查看整个react渲染执行的方法

image.png
断点调试 command+p 查找文件下的createFiber 断点调试
image.png

3、“递”与“归” mount时流程

ReactSideEffectTags.js 中存在要打Tag的二进制表示

beginWork :

completeWork:

4、