什么？今天我被 Leader 拉进小黑屋了！“有很多用户吐槽咱的页面太卡了”，本文将从笔者近期参与的一个实际业务需求出发，总结性能优化思路，讲述我在 React 中后台场景下性能问题排查的心路历程

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

原作博客可以说是我全网所见的关于 React 性能优化最好的博客。这篇文章告诉我们，两个被广泛使用的 hooks 是如何被滥用的，而我们为什么应该将大部分与它们相关的代码删掉

阅读react组件库的时候，发现很多自定义的hooks中很喜欢使用ref，使用ref让人的观感很不好，但是为什么又不得不使用ref呢？以及复习一下useCallback的使用场景

useState => 让函数组件具有维持状态的能力 。即在一个函数组件的多次渲染之间，这个 state 是共享的。

要学习 react 源码，首先要对 react 的源码和整个架构有个大体的了解，这样学起来会事半功倍，本章将介绍一下 react 的源码和架构。

这篇讨论 Fiber 架构调度部分的实现原理，你将看到： - Fiber 架构的调度能力的分层设计。 - Scheduler 的分片原理，以及调度器如何基于浏览器能力实现“空闲回调”和“时间

Fiber是什么 Fiber可以看做是Reat中最小的工作单元，它把更新过程碎片化。Fiber与Scheduler配合实现了任务的中断与恢复：当在执行任务过程中，遇到更高优先级的任务，则会中断当前任务

基本数据结构 React中有三种节点类型 ReactElement：createElement的返回值 ReactComponent：函数组件或类组件 FiberNode：Fiber架构的工作单元，一