React架构思想,编码规范,设计模式思考与总结

React 16 版本中初始渲染的流程

render阶段(协调层):

• 调用生命周期钩子 -> 生成virtualDOM

• 为每个virtualDOM -> 构建fiber对象 -> 转换程fiber数组 -> 并为其创建对应的DOM对象

• 添加effectTag属性(删除、新增、更新) commit阶段

• 渲染真实DOM节点

     初始化渲染,经历的生命周期函数(V16.3)依次如下: 
     constructor
     getDerivedStateFromProps
     render
     componentDidMount
     **V16.4版本生命周期函数有改动
  

React 16 版本中 render 阶段为什么放弃了使用递归

React 16 版本中 commit 阶段的三个子阶段做了什么

workInProgress Fiber 树存在的意义是什么