概述
- React实战进阶需要深入理解React的核心概念，并掌握一些进阶技巧和最佳实践。
- 视频教程：
https://pan.quark.cn/s/7acf229fa841
性能优化
- React.memo：用于包裹函数组件，它会对组件的props进行浅比较，如果props没有变化，就不会重新渲染组件，从而避免不必要的渲染开销。例如：
const Child = React.memo(function ({ count }) { console.log("Rendered"); return <h1>{count}</h1>; }); - useCallback / useMemo：
useCallback用于缓存函数引用，当函数作为props传递给子组件，且子组件依赖函数引用进行渲染时，使用useCallback可以避免函数重新创建，减少不必要的渲染。useMemo用于缓存计算结果，只有当依赖项发生变化时，才会重新计算缓存的值，避免重复计算。
状态管理
- Redux Toolkit：是Redux的官方推荐工具包，它简化了Redux的使用。通过创建切片（slice）来管理不同的状态逻辑，例如：可以创建一个计数器切片
counterSlice，然后在组件中通过useSelector和useDispatch来获取状态和分发动作。 - Zustand：是一个轻量级的状态管理库，它具有简单易用、性能高效等特点。它通过创建一个可订阅的状态容器，让组件可以方便地获取和更新状态。
异步数据处理
- React Query：是一个用于管理异步数据的库，它可以帮助你轻松地获取、缓存和更新异步数据。它提供了诸如自动缓存、重试机制、数据过期等功能，让异步数据处理变得更加简单和可靠。
- axios + swr：
axios是一个常用的网络请求库，它可以方便地发送HTTP请求。swr是一个基于React的钩子库，它可以自动缓存请求结果，并在数据过期或发生变化时自动重新请求数据。
组件通信
- Context API：用于实现跨组件树的全局状态共享。当你需要在多个不相邻的组件之间传递数据时，使用Context API可以避免层层传递props的繁琐。例如，可以创建一个主题Context，然后在组件中通过
useContext来获取和使用主题状态。 - 高阶组件（HOC）：是一种接受组件作为参数并返回新组件的函数。它可以用于增强组件的功能，例如添加日志记录、权限验证等功能。
自定义Hook
- 自定义Hook允许你在函数组件中复用逻辑。你可以将一些重复的逻辑提取到自定义Hook中，然后在多个组件中使用它。例如，可以创建一个用于获取用户信息的自定义Hook，在多个需要用户信息的组件中调用该Hook来获取用户信息。
路由管理
- React Router：是React应用中常用的路由管理库。它可以帮助你实现单页面应用的路由功能，通过配置不同的路由路径和对应的组件，实现页面的导航和切换。例如，可以使用
BrowserRouter、Routes、Route等组件来进行路由配置。
