📄️ 目录大纲
1. React生命周期
📄️ FAQ?
什么是 React？
📄️ React生命周期
React 组件生命周期有哪些不同阶段
📄️ React历史版本
React 1：
📄️ React技巧
useState、useRef避免重复创建初始值
📄️ ErrorBoundary
在React中，Hook是一种用于在函数组件中添加状态和其他React特性的方式。与类组件不同，函数组件没有内置的Error Boundary，这是因为函数组件在渲染周期中没有实例。Error Boundaries通常是类组件的一部分，它们可以捕获该组件及其子组件中的错误。
📄️ React合成事件机制
React 中的合成事件机制是一种用于处理浏览器事件的封装机制。React 合成事件系统的设计目的是为了解决跨浏览器兼容性问题，提供一致的事件接口， 并且优化事件处理的性能。以下是关于React合成事件机制的一些关键点：
📄️ useState 是如何实现的？
useState 是 React 的一个 Hook，用于在函数组件中管理状态。它使函数组件能够拥有类似于类组件中的 this.state 和 this.setState 的功能。useState 的实现涉及到 React 的内部机制，包括状态管理、更新队列和组件的重新渲染。
📄️ Fiber 相关
React Reconciler 为何要采用 fiber 架构？
📄️ 虚拟（Virtual）dom
什么是虚拟DOM？
📄️ Diff算法
Diff算法（差异算法）是React中用于比较Virtual DOM新旧节点之间的差异，并将这些差异应用到实际DOM上的一种算法。
📄️ React状态管理
React状态管理方案有很多，以下是其中一些主流的方案：
📄️ React性能优化
1. 使用shouldComponentUpdate - 当props或state改变时，React将会重新渲染组件。但是，有时候组件可能会进行不必要的渲染，即在前后props和state没有发生变化的情况下进行渲染。使用shouldComponentUpdate方法可以在组件重新渲染之前检查任何更改，并决定是否应该重新渲染组件。
📄️ setState同步异步
在React中，setState()可以用来更新组件的状态（state）。它有两种使用方式，同步和异步。
📄️ React源码
📄️ React18新特性
React 18是未发布的React版本，但有一些新功能和改进正在考虑和实现中。以下是一些React 18中可能包含的新特性：
📄️ React组件库
UI 组件库