React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，

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

作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

经常遇到react的闭包问题，但是为什么会产生闭包问题呢，具体的原因在哪里，是react的问题，还是javascript的问题呢？

本文通过对比 React 介绍了 Hook 的概念，自定义 Hook 的优势，如何使用 Vue 3 组合式 API 实现 Hook。

Hooks 让我们能够在函数组件中使用状态和其他 React 特性,而不需要使用类组件。在 Hooks 的背后,有一个关键的数据结构,那就是 Hooks 链表。

Hook 使用规则 在官方文档Hook 概览 – React (docschina.org)中，对于 Hook 使用规则叙述如下： 可以看到，官方文档中明确说明了，不要在循环、条件判断或者子函数中调用