react

什么是虚拟DOM 换句话说 虚拟Dom可以是对象,数组,字符串... React中JSX和虚拟DOM JSX只是React 虚拟Dom的一个语法糖 会被Babel编译为: 最终返回一个对象, 返回的这

什么是Fiber 当面试官问我们什么是Fiber时我们可以从下面几个方面更全面的回答这个问题。 是一种架构，称之为 Fiber 架构 是一种描述Dom的数据结构（链表） 动态的工作单元，每个Fiber

上文我们讲过React的核心架构由调度器，协调器，渲染器组成。这期我们讲下渲染流程。 render和commit react的渲染流程分为两个阶段。 render 阶段：调合虚拟 DOM，计算出最终要

在19年React发布了16版本，这个版本最大的特点就是架构发生了改变。 由Stack架构更新为Fiber架构。来看一下两种架构的构成。 Stack架构 Reconciler（协调器）：vdom 的实

虚拟Dom是一种很广泛的概念。只要你能用某种数据结构来描述出一个真实Dom，那么他就是虚拟Dom。 虚拟Dom是由React最先提出来的概念。 React是用这种结构来描述Dom 只要你能某种将数据结

前端领域经过长期的发展，目前有两种主流的描述 UI 的方案： JSX 模板 JSX 历史来源 JSX 最早起源于 React 团队在 React 中所提供的一种类似于 XML 的语法糖： 经过 Bab

例如： Comp1和Comp2不依赖任何App的数据，所以更新是没有必要的。 可以使用React.memo来做到这一点， 要注意的是memo实际上和PureComponent一样，也会浅比较props

什么是HOC HOC全称是高阶函数组件，其本质就是一个函数。调用这个函数需要传入原来的组件返回一个新的增强组件。例如Redux的connect函数。 在👆🏻例子中withLocationQuery就是

使用方式 下面是个React的例子 效果如下： 使用方式也很简单 只需几个步骤： 调用useTableMergerer创建hook实例 调用实例上的setMergeData方法，传入dataSourc

首先要了解react更新渲染的两个阶段 渲染阶段 在这个阶段 React 会更新数据生成新的 Virtual DOM，然后通过Diff算法，快速找出需要更新的元素，放到更新队列中去，得到新的更新队列，