setState异步更新 我们都知道，React通过this.state来访问state，通过this.setState()方法来更新state

React 的 hooks 是在 fiber 之后出现的特性，所以很多人误以为 hooks 是必须依赖 fiber 才能实现的，其实并不是，它们俩没啥必然联系。 现在，不止 react 中实现了 ho

当使用 Hook 特性编写组件的时候时候，总能感觉到它的简洁和方便。当然，「天下没有免费的午餐」，它牺牲了可读性并且存在内存泄漏风险（最后有提到）。但这并不妨碍探索它的魔力。 在正式开始前，希望您读过 Hook 的文档或者在项目使用过它。但如果只对函数编程感兴趣，也可能有所收获…

一、什么是虚拟DOM 虚拟DOM可以看做一棵模拟了DOM树的JavaScript对象树。比如： 二、为什么使用虚拟DOM 在传统的 Web 应用中，我们往往会把数据的变化实时地更新到用户界面中，于是每

点击进入React源码调试仓库。 React在构建用户界面整体遵循函数式的编程理念，即固定的输入有固定的输出，尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作DOM这些副作用（effect），这样难免让函数组件…

前置知识 了解基本数据类型与引用数据类型 API React.memo() React.useCallback() React.useMemo() React.memo() 先看问题 React 中当

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

虚拟 DOM （Virtual DOM ）这个概念相信大家都不陌生，从 React 到 Vue ，虚拟 DOM 为这两个框架都带来了跨平台的能力（React-Native 和 Weex）。因为很多人是在学习 React 的过程中接触到的虚拟 DOM ，所以为先入为主，认为虚拟 …

React 18 最主要的特性就是并发了，很多 api 都是基于并发特性实现的。 那为什么 React 要实现并发？什么是并发？又是怎么实现的呢？ 这篇文章我们就一起来探究一下。 首先，我们过一遍 R