📄️ Context API 实现全局状态管理
React Context API 是 React 提供的一种用于在组件之间共享数据的方式。用通俗的话来说，它就像是一个“全局变量”，可以让你的数据在组件树中传递，而不需要通过 props 一层一层地手动传递。
📄️ JSX语法
* 什么是 JSX？——是 JavaScript 语法扩展，可以让你在 JavaScript 文件中书写类似 HTML 的标签。
📄️ Props 的传递与校验
1. 什么是props？
📄️ React 的渲染流程
React 的渲染流程是 React 如何将你的组件代码转换成实际显示在屏幕上的内容的过程。用通俗的话来 说，React 的渲染流程就像是一个“工厂流水线”，它把你的组件代码一步步加工，最终变成用户看到的界面。
📄️ React与SSR（服务端渲染）
什么是SSR（服务端渲染）？
📄️ React状态提升
状态提升是 React 中一个非常重要的概念，它可以帮助你在多个组件之间共享和管理状态。用通俗的话来说，状态提升就是把组件的状态“往上提”，放到它们的共同父组件中，然后通过 props 把状态和更新状态的函数传递给子组件。
📄️ 关于React.memo
React.memo 是 React 提供的一个高阶组件（HOC），用于优化函数组件的渲染性能。它的作用是避免不必要的渲染，从而提高应用的性能。用通俗的话来说，React.memo 就像是一个“缓存”，它会记住组件的渲染结果，只有在 props 发生变化时才会重新渲染。
📄️ 关于useCallback
useCallback 是 React 提供的一个 Hook，用于优化性能，避免不必要的函数重新创建和子组件渲染。用通俗的话来说，useCallback 就像是一个“缓存”，它会记住某个函数，只有在依赖项变化时才会重新创建这个函数。
📄️ 关于useEffect和 useLayoutEffect
useEffect 和 useLayoutEffect这两个钩子函数允许你在 React 完成 DOM 更新后执行副作用操作：
📄️ 关于useMemo
useMemo 是 React 提供的一个 Hook，用于优化性能，避免不必要的计算和渲染。用通俗的话来说，useMemo 就像是一个“缓存”，它会记住某个计算结果，只有在依赖项变化时才会重新计算。
📄️ 函数组件与类组件
React 函数组件和类组件的区别。
📄️ 函数组件与类组件生命周期
在 React 函数组件中，生命周期的概念与类组件有所不同。函数组件没有像类组件那样的生命周期方法（如 componentDidMount、componentDidUpdate 等），而是通过 Hooks 来模拟 生命周期的行为。最常用的 Hook 是 useEffect，它可以覆盖大部分生命周期场景。
📄️ 单向数据流
单向数据流是 React 中一个非常重要的设计原则，它决定了数据在 React 应用中的流动方式。用通俗的话来说，单向数据流就是数据在 React 应用中只能从一个方向传递，就像水从高处流向低处一样，不会逆流。