写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

本文将介绍 React Hooks 使用中常见的 ”闭包陷阱“的问题，并结合实际的案例来分析原因和提供解决方案。

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…

memo、useMemo、useCallback的使用 memo 定义：React.memo 仅检查 props 变更。 当props变更时，及渲染组件(不管子组件是否依赖props)。

一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会

jsx的本质是什么？它和js之间到底有什么关系? 为什么要用jsx语法？ 它其实就是一个js对象 ,用来描述dom结构。 jsx 在编译过程会被babel转换成 -> React.createElem

上一小节我们简单了解了react更新机制，本小节我们继续完善，学习下数据的批量更新机制和 react 中的事件合成处理

🎙️相传， react 16.8 出了一个很强大的功能， 也就是 react hooks 。实际上， react hooks 有点类似与 vue3 的 composition API ，都是为了

时至 2021 年年底，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应用。而其又与 Function Component 以及 Fiber 架构几近天作之合