狗教我React.js

之前我写了一篇狗教我 React——原理篇之 Diff 算法 - 掘金 (juejin.cn)简单介绍了 diff 算法，收到了一个有意思的疑问： 这个问题看似简单，实则涉及到了 React

在开发时，经常遇到一些高度重复但略有差异的 UI 模式，此时我们当然会把组件提取出去，但是组件提取的方式有很多，怎么根据不同场景选取合适的方式呢？尤其时在复杂的业务场景中，组件提取的思路影响着着代码的

关键词： shouldComponentUpdate、PureComnent、React.memo、useMemo、useCallback

修勾课堂开课了~下面是React中最核心的部分之一Diff算法，Diff 算法的本质就是对比 current Fiber Tree 和 JSX 对象，生成 workInProgress Fiber T

修勾课堂开课了！在【狗教我React——原理篇之React整体架构解读 】中，简单介绍了Fiber架构和fiber节点的概念，本篇将详细介绍Fiber和Fiber架构的工作原理

React的渲染流程分为两个阶段： 1. render 阶段：Reconciler的工作阶段，这个阶段会调用组件的render方法 2. commit 阶段：Renderer的工作阶段，可以类比g

了解React的多少都见过这句话：React16之后，改用了Fiber 架构。那么，到底什么是Fiber架构？之前的架构是什么？为什么要使用Fiber架构代替之前的呢？ 其实关于Fiber架构的

在 React 应用中，"context" 是一种特殊的全局状态管理机制。它允许你在组件树中传递数据，而不需要手动逐层传递 props。Context为整个组件树提供数据，Context 会穿过中间的

内容包含：React.createRef、useRef、React.forwardRef与useImperativeHandle