前言 从前对各种底层原理都比较抵触，总觉得极其复杂，肯定不是自己这只菜鸟能搞定的。但随着技术的成长，再回头看这些，也逐渐明白了那些令我恐惧的东西是什么。 本文会以尽可能简单清晰的话来说清楚 react

现在开发 React 组件基本都是用 hooks 了，hooks 很方便，但一不注意也会遇到闭包陷阱的坑。 相信很多用过 hooks 的人都遇到过这个坑，今天我们来思考下 hooks 闭包陷阱的原因和

React Hooks 是 React 16.8 版本引入的一种新的特性，它允许我们在不编写 class 组件的情况下使用 state 以及其他的 React 功能。

在 React 18 之前，setState 的行为可能会根据场景表现为同步或异步。然而在 React 18 中，setState 统一变成了异步的，通过批处理优化渲染性能。

适用/不适用场景 在 React 中，useCallback 和 useMemo 是用于性能优化的 Hook，但并不需要对所有的变量和函数都进行包裹。它们的主要用途是避免因为组件的重新渲染而产生不必要

大多数开发者的观念里，useEffect 一定会在浏览器完成渲染后被异步调用。但事实并非如此，useEffect 并不总是在页面渲染完后后才会被调用，有时也许会在页面渲染前同步调用执行 effect。

在一次面试时，面试官问我 react scheduler 调度机制原理是什么？我却支支吾吾想了半天没答上来，看着面试官轻蔑的表情，我在心里默默的下定决心：三十年河东三十年河西，莫欺少年穷......

每次面试，你是否都听到这些问题回荡在耳边：“你对React Fiber了解多少？”、“React Fiber究竟是什么？”、“它在实际应用中有什么价值？”。别再被这些问题困扰了！React Fiber

React 中的撕裂（Tearing）问题是什么？我们为什么需要了解撕裂问题？撕裂是计算机视觉中的常用词汇，在电子游戏中没有开启垂直同步时，撕裂就表现为看到的帧画面没有得到同步的情况。