今天来分享在 React 开发中常见的一些错误，以及如何避免这些错误。理解这些问题背后的细节，防止犯下类似的错误。 1. 组件卸载后执行状态更新 报错信息： Can’t perform a React

React Fiber 产生的原因 要知道React Fiber产生的原因是什么，首先我们得知道 React哲学，借用官网的话 React 是用 JavaScript 构建快速响应的大型 Web 应用

前言 在react的官方文档上，useLayoutEffect有这么一段描述，它可以阻塞浏览器的绘制，实际情况下这个api我们可能用的比较少，但是对于一些关乎用户体验的场景，它的作用就变得非常大。

在 React 的 Hooks 里面，通过 useState 可以创建一个 setState 函数。 调用它后，最终会触发页面的更新。 具体更新流程为： 调用 useState 的 setState

前言 本文适合有一定 react 基础，且学习过 hooks 的同学，通过手写实现 hooks，加深其实现原理。

大家好，我卡颂。 对于如下这个常见交互步骤： 点击按钮，触发状态更新 组件render 视图渲染 你觉得哪些步骤有性能优化的空间呢？ 答案是：1和2。 对于步骤1，如果状态更新前后没有变化，则可以略过

本章节将讲解两个关于性能优化的hook：useCallback与useMemo。 本节主要是介绍这两个hook的实现原理，关于函数组件更新优化的具体逻辑会在后面新的章节介绍。 1，useCallbac

useReducer作为 React 的一部分，尤其适合中小型应用或组件级状态管理。本文把useReducer的用法和注意项完整的讲解了一遍，帮助你完全掌握useReducer。

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