React专栏

介绍diff算法 diff算法很早就有 diff算法应用很广泛，例如github的Pull request中的代码diff 如果要严格diff两棵树，时间复杂度O(n^3), 不可用 tree dif

vdom Virtual DOM 虚拟DOM 用JS对象模拟DOM节点数据 由React最先推广使用 Vue React 等框架的价值 组件化 数据视图分离，数据驱动视图————这是核心！（更加关注业

模拟 componentDidMount 模拟 componentDidUpdate 模拟 componentWillUnmount 代码示例如下：

参数是组件，返回值也是组件的函数就是HOC。 举例说明即可： React.forwardRef ReactRedux 的 connect ReactRouter 的 withRouter 参考： ht

如何实现组件间通信 父子组件通信：props + 函数 爷孙组件通信：两层父子通信或者使用 Context.Provider 和 Context.Consumer 任意组件通信：其实就变成了状态管理了

挂载时调用 constructor，更新时不调用 更新时调用 shouldComponentUpdate 和 getSnapshotBeforeUpdate，挂载时不调用 should... 在 re

React的diff算法 是什么 DOM diff 就是对比两棵虚拟 DOM 树的算法。当组件变化时，会render 出一个新的虚拟 DOM，diff 算法对比新旧虚拟 DOM 之后，得到一个 pat

1. 是什么 虚拟 DOM 就是虚拟节点（这句汉化很重要）。React 用 JS 对象来模拟 DOM 节点， 然后将其渲染成真实的 DOM 节点 2. 怎么做 第一步是模拟，用 JSX 语法写出来的