此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

重点基于 React+AntD 以及多个模块，集成了一套完整的 react 后台管理系统，是一套很不错的可供参考的解决方案

本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。

前言 createContext是 react 提供的用于全局状态管理的一个 api，我们可以通过Provider组件注入状态，用Consumer组件或者useContextapi 获取状态（推荐使用

1. 使用之前的状态设置状态是不可预测的 状态管理是 React 的基础，虽然useState可能是最常见的钩子，但可能对其实际行为有些不了解。 让我们来看看以下组件： 在用户单击按钮后，您希望计数器

场景 项目部署到现场后，现场客户端机子相对性能比较差，在使用antd表格时候，发现数据多时性能特别差，滚动页面会特别卡顿。 排查过程 1.监控性能，找出影响性能的罪魁祸首 先使用控制台的Perform

在《effect 范式下的组件状态和依赖》中，useState / useEffect 是被最多提及的。 那本文就从实现简单的 useState / useEffect 落脚，讨论下他们如何管理状态、驱动 render 的。 返回一个数组，包含最新状态和 set 状态的方法。 …

context 是 react 的主要特性，它能在任意层级的组件之间传递数据。 在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、mobx，但在 antd 等组

context 是 React 提供的特性，可以实现任意层级组件之间的数据传递。 可能大家用过 context，但是不知道它是怎么实现的。 本文就从源码层面来讲下 cotnext 的原理，而且我们能从