什么是Diff在前两篇文章中我们分别介绍了 React 的首屏渲染流程1和组件更新流程2，其中首屏渲染会渲染一整棵 DOM 树组件更新会根据变化的状态局部更新 DOM 树那么 React 如何知道哪些 DOM 节点需要被更新呢？在上一篇文章这里3我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的
编者按：本文作者奇舞团前端开发工程师苏畅。代码参照React 16.13.1什么是Diff在前两篇文章中我们分别介绍了 React 的首屏渲染流程1和组件更新流程2，其中首屏渲染会渲染一整棵 DOM 树组件更新会根据变化的状态局部更新 DOM 树那么 React 如何知道哪些 DOM 节点需要被更新呢？在上一篇文章这里3我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 F
React 的 diff 算法（也称为协调算法）是 React 用于在虚拟 DOM 和实际 DOM 之间进行高效同步的核心机制。这个算法的主要目标是尽量减少对实际 DOM 的操作，因为操作实际 DOM 是昂贵的。下面通过图解来说明 Reactdiff 算法的工作原理。基本原理React 的 diff 算法基于两个假设：不同类型的元素会产生不同的树：如果元素的类型不同，React 会销毁旧树并创建
!! 建议看英文文档，一看就会，不用看其他小伙伴的总结！，官网链接在下面。一下内容是我在官网凭自己的相法写的，不建议观看！！！l1、Element of Different TypesWhenever the root elements have different types，React will tear down
the old tree and build the new tree fro
