相比纯看代码来说，我更推荐结合 debugger 来看，它可以让我们看到代码实际的执行路线，每一个变量的变化。可以大段大段代码跳着看，也可以对某段逻辑一步步的执行来看。 Javascript 代码主要

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

俗话说的好 工欲善其事，必先利其器。笔者在开发 React 项目的时候，总结出一些很不错的 React 库，可以提高开发效率，满足业务需求，接下来将一一介绍它们。 UI组件库 Ant Design 要

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…

❗️准备知识 :熟悉 React熟悉 TypeScript (参考书籍：2ality's guide, 初学者建议阅读：chibicode's tutorial）熟读 React 官方文档 TS部分熟

随着新版本React正式引入了hooks，函数式组件的使用会变得更加普遍，但是不知道你有没有注意过，我们有时候在代码中明明没有使用React，仍然需要在头部写上import React from "React"。 我们看到，代码中除了开头引入时出现了React，其它地方都没有其…

本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。

从redux的store对象中提取数据(state)。 返回Redux store中对dispatch函数的引用。你可以根据需要使用它。 将回调使用dispatch传递给子组件时，建议使用来进行回调useCallback，因为否则，由于更改了引用，子组件可能会不必要地呈现。 这…

返回一个 memoized 回调函数。在依赖参数不变的情况下，返回的回调函数是同一个引用地址 返回一个 memoized 值。在依赖参数不变的的情况返回的是上次第一次计算的值