通过标题的提问引出对React、Vue2、Vue3的Diff算法对比，还有React Fiber的一些原理，以及为什么Vue中不需要使用Fiber

大家好，我是张添财。在上一篇文章结尾我给小伙伴们留个一个问题：react如何避免不必要的rerender？ 今天先给大家填一部分坑，介绍下React里memo这个API。闲话不说，卷就完事了。   一

大家好，我是张添财。上篇更新了memo的用法，但是在文章结尾处我列举的demo中虽然子组件用memo包裹了，但是父组件渲染仍造成了子组件的rerender。具体原因也给大家分析了，有兴趣的看下我的这篇

React 采用 monorepo 的管理方式。仓库中包含多个独立的包，以便于更改可以一起联调，并且问题只会出现在同一地方。 packages 包含元数据（比如 package.json）和 React 仓库中所有 package 的源码（子目录 src）。如果你需要修改源代码…

我们可以发现 hooks 的定义非常简单，只是获取了 dispatch 然后调用 dispatcher 对应的 useState 属性，其它 hooks 也是类似，比如 useEffect 是调用 dispatcher 的 useEffect 属性。 接着我们就需要看看 dis…

对于同一层次的一组子节点，它们可以通过唯一的 id 进行区分。 概念：按照我的理解就是 更新 -> DOM 变化 这之间的流程，它包括了diff 算法。 如果整个应用很大，会导致 js 的执行长期占据主线程，浏览器无法及时响应用户的操作，进而导致页面显示的卡顿。 我们可以发现 …

为什么是setState，因为对于大家而言，大多数使用react的新手或者初学者，大多会直接接触到setState，而且这个方法也可能是接触最多的操作方法。那么要想详细了解setState究竟在React中做了什么事情，就需要深入了解一下。而在最新的React 16版本中，Re…

setState(updater, callback)这个方法是用来告诉react组件数据有更新，有可能需要重新渲染。它是异步的，react通常会集齐一批需要更新的组件，然后一次性更新来保证渲染的性能，所以这就给我们埋了一个坑： 那就是在使用setState改变状态之后，立刻通…

关于react的setState机制，我相信有两个术语是人尽皆知的，那就是“批量更新”和“异步执行”。其实这两个术语都是在描述同一件事。为什么这么说呢？因为深入过源码的人就知道，“批量更新”是因，“异步执行”是果。世人都喜欢看表象和结果，所以一般情况下，我就用“异步执行”或者“…