React

React 优化会从渲染、加载、海量数据、细节四个方向入手 渲染 从调度更新任务到调和 fiber，再到浏览器渲染真实 DOM，每一个环节都是渲染的一部分，至于对于每个环节的性能优化，React 在底

Legacy 下的 React 应用中，更新本质上有两种： 第一种就是初始化的时候第一次页面的呈现。 第二种就是初始化完毕，state 的更新，比如点击按钮，触发 setState 或者 useSta

在不同的执行环境下，或者不同的 React 模式下，State 更新流程都是不同的。 state 到底是同步还是异步的？ React 是有多种模式的，基本平时用的都是 legacy 模式下的 Reac

什么是React组件？ 组件本质上就是类和函数，但是与常规的类和函数不同的是，组件承载了渲染视图的 UI 和更新视图的 setState 、 useState 等方法。React 在底层逻辑上会像正常

props 可以是什么？ props 作为一个子组件渲染数据源。 props 作为一个通知父组件的回调函数。 props 作为一个单纯的组件传递。 props 作为渲染函数。 render props

Ref的理解与使用，不单单停留在用获取真实 DOM 元素和获取类组件实例层面上，应该分成两个部分去分析，第一个部分是 Ref 对象的创建，第二个部分是 React 本身对Ref的处理。两者不要混为一谈

React事件都是‘假’的 1 给元素绑定的事件，不是真正的事件处理函数。 2 在冒泡/捕获阶段绑定的事件，也不是在冒泡/捕获阶段执行的。 3 甚至在事件处理函数中拿到的事件源 e ，也不是真正的事件

万物始于 jsx，想要深入学习 react ，就应该从 jsx 入手。弄清楚 jsx ，方便学习掌握以下内容： 了解常用的元素会被 React 处理成什么，有利于后续理解 react fiber 类