如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。 时间不早了，该干点正事了，咱们书归正转。 作为一名合格的Reacter来说，组件封装这个技能点就和相声演员口中的说学逗唱一样，是需要刻在骨子里的基本功。 而React官方为我们提供了一些常规的操作方式，其中不乏HOC,Re…

我们都听过那个段子：每个程序员在接手一个老项目时，内心都会循环播放一句话：“这TM是谁写的破代码！” 然后，当他翻看git提交记录时，赫然发现既然是半年前的自己。 这个段子很真实。在日常开发中，我们常

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

在介绍 useSWR 之前，我们先看一个最简单的带有数据请求的 React 组件。 如果经常写这样的代码，那么肯定会想到自己封装一个 React Hook，该 Hook 以请求函数作为参数。 我们再看看调用方代码，加深对 useFetch 的理解。 如 useFetch 所示，…

前言 自从 React v16.8 推出了 Hooks API，前端框架圈并开启了新的逻辑复用的时代，不再需要在意 HOC 的无限套娃导致性能差的问题，也解决了 mixin 的可阅读性差的问题。当然对

阅读react组件库的时候，发现很多自定义的hooks中很喜欢使用ref，使用ref让人的观感很不好，但是为什么又不得不使用ref呢？以及复习一下useCallback的使用场景

1、使用 React.memo() React.memo 是 React 提供的一个高阶组件（Higher Order Component），用于优化函数组件的性能。它可以帮助避免不必要的重新渲染，从

在不久前的一个大厂试下你的一面当中,一上来就给我丢出了这么一个问题,搞得我头都大了。我也看过很多面经,发现真的很喜欢问这个。关于 React 的,10 篇里面有 5 篇都会问到 Fiber 相关的。

上文提到有很多类库在用 IntersectionObserver 实现懒加载，但更精准的描述是，IntersectionObserver 提供了一种异步观察目标元素与根元素（窗口或指定父元素）的交叉状