#优质博文 #前端 #react #性能优化
为什么你可以删除 90% 的 useMemo 和 useCallback

很好的译文，探讨了 React 中 useMemo 和 useCallback 钩子函数的使用及其误用。作者指出，大多数情况下，开发者无需频繁使用这些钩子。useMemo 和 useCallback 的主要作用是在组件重渲染时缓存数据，以避免重复计算或生成非原始数据类型（如对象或函数）。然而，实践中它们常被滥用，如用于缓存简单的对象创建或数组操作​​​​。

文章进一步说明，许多开发者错误地认为，如果 props 没有变化（例如被缓存），组件就一定不会重渲染。然而，如果组件的父组件重渲染，子组件也会随之重渲染，这是 React 的基本工作方式​​。此外，作者指出，useMemo 和 useCallback 在初次渲染时会增加开销，尽管这种开销看似微小，但在初始渲染过程中累加起来可能会导致明显的性能问题​​。

总的来说，文章建议开发者在使用 useMemo 和 useCallback 时应更加审慎，只在确实需要避免重渲染或昂贵计算的特定场景中使用它们，以提高代码的效率和可读性​

via 掘金@佛系社长

juejin.cn

「好文翻译」为什么你可以删除 90% 的 useMemo 和 useCallback ？ - 掘金

原作博客可以说是我全网所见的关于 React 性能优化最好的博客。这篇文章告诉我们，两个被广泛使用的 hooks 是如何被滥用的，而我们为什么应该将大部分与它们相关的代码删掉