不愿清醒，宁愿一直沉迷放纵。 不知归路，宁愿一世无悔追逐。 --- 王小波 redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。 提供subscribe，dispatch，getState这些方法。 按步骤手把手实战。 不就ok了吗？这就是 react-…

本文围绕基本概念、组件、Hooks 三个 React 核心维度出发，将 React 中 90% 以上的实用功能和常用概念讲清楚，帮助你快速掌握 React。

阅读本文你将了解到 useEffect的构成 useEffect第一个参数 useEffect第二个参数 使用useEffect模拟react生命周期 1. useEffect的构成 用途： 获取数据

这篇文章会给你带来很大收获的。适合react萌新也适合高手更进一步的。写的比较清楚和细节。文章讲解memo的使用方式和在使用细节上的注意点。一文说完React.memo的方方面面。

点击进入React源码调试仓库。 上一篇扒一扒React计算状态的原理 之后，我们来分析一下Diff的过程。 fiber上的updateQueue经过React的一番计算之后，这个fiber已经有了新的状态，也就是state，对于类组件来说，state是在render函数里被使…

基于 React 18 版本讲解 React Hooks 原理。配合录制的 debug 视频，带大家详细理解 Hooks 在 Fiber 中的运行机制、状态保存逻辑和常见的关于 Hook 的问题。

虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。 类组件可以使用其他特性，如状态 state 和生命周期钩子。 当组件只是接收 pro…

Ref属性用来获取DOM元素的节点和获取子组件的实例。 String Ref是个过时的API。因为String类型的Ref存在一些问题，将在未来的某个版本中被遗弃，不建议使用。 Ref获取子组件的实例后，可以调用子组件上的方法。 Callback Ref能助你更精细地控制何时 …

最近开始学习react，记录一下学习的过程。Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。useRef是其中一