!! 建议看英文文档，一看就会，不用看其他小伙伴的总结！，官网链接在下面。一下内容是我在官网凭自己的相法写的，不建议观看！！！l1、Element of Different TypesWhenever the root elements have different types，React will tear down
the old tree and build the new tree fro
React 的 diff算法（也称为协调算法）是 React 用于在虚拟 DOM 和实际 DOM 之间进行高效同步的核心机制。这个算法的主要目标是尽量减少对实际 DOM 的操作，因为操作实际 DOM 是昂贵的。下面通过图解来说明 Reactdiff算法的工作原理。基本原理React 的 diff算法基于两个假设：不同类型的元素会产生不同的树：如果元素的类型不同，React 会销毁旧树并创建
什么是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
Diff算法diff算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。它通过对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新具体的流程是这样的：真实 DOM 与虚拟 DOM 之间存在一个映射关系。这个映射关系依靠初始化时的 JSX 建立完成；当虚拟 DOM 发生变化后，就会根据差距计算生成 patch，这个 patch
