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

前言：一种名为“Hook 强迫症”的病 昨天 Code Review，看到刚入职的小伙子提交了一段代码，差点一口老血喷在屏幕上。 他写了一个简单的 <button onClick=~~~

React 内置的 hooks 彻底改变了我们开发组件的方式，但是 hooks 的真正威力在于创建自定义 hooks，将可复用的逻辑封装起来，增强组件的组合能力。自定义 hooks 允许您抽象出复杂的

最近一直在做项目性能优化的工作，在排查性能方面的问题时发现项目中很多地方都存在重复渲染的问题，审查代码后发现其中存在不少滥用或者说误用 useMemo、useCallback、useContext 的

系统中的若干个页面需要展示表格数据，其中某些表格数据过多需要分页查询，而某些不用。 为了实现本文第一行中提到的需求，需要将表格数据加载和分页控制分割开来，使得分页这部分功能可插拔。

解决了的问题是：当我们一个函数组件想要有自己维护的state的时候，不得已只能转换成class。这样很麻烦！ 😄1. 重点： useState的初始值，只在第一次有效 我当时反正没有当回事，直到遇到了坑... 🌰2. 举个例子： 😄 1. 就是相当于全局作用域，一处被修改…

我们来研究一下最近天天都在使用 React Hook。说起 Hook，烧烤哥也用了好一阵子了，但是一直不知道 Hook 背后到底是怎么运作的，在出现 Bug 的时候只能靠一半猜一半试来解 Bug，这显然是不行的。所以，今天开始就让我们来把 React Hook 慢慢烤透，以便在…