乐趣区

关于react.js:画流程图学习React源码状态更新diff算法

浏览前须知

流程图的内容 90% 来自于 React 技术揭秘 一书,对其内容进行整顿,不便正在学习源码的同学们可能系统性把每个要害知识点给串联起来,上面 JPG 图片比拟含糊,图片宽高比较大,用手机关上 pdf,观看起来也不不便,倡议用电脑跳转上面各个 pdf 地址进行查看,带着问题来浏览。

React Diff 算法

1、什么是 diff 算法?
2、diff 概念?
3、diff 算法产生的阶段?
4、diff 的预设限度?
5、diff 如何实现?

pdf 地址:
https://bin-blog.oss-cn-shenz…

React 状态更新

1、触发状态更新要害链路?
2、触发状态更新有哪些办法?
3、HostRoot、ClassComponent 的 Update 对象构造?
4、ClassComponent、HostRoot 的 UpdateQueue 构造?
5、updateQueue 的工作流程?
6、调度优先级的过程?
7、为什么 componentWillXXX 会触发屡次,要加个 unsafe_?
8、如何保障 Update 不失落?
9、ReactDOM.render 的流程?
10、this.setState、this.forceUpdate 的流程?
11、React 入口有哪三种模式?

pdf 地址:
https://bin-blog.oss-cn-shenz…

原文地址:https://mp.weixin.qq.com/s?__…

欢送关注公众号“前端晚间课”,后续会把所有流程图进行分享,以及将.pos 源文件进行分享,转载注明出处!

退出移动版