React 性能优化 React 提供了很多优化的 API，比如 memo,useMemo,useCallback 等等，他们的作用我们基本都知道，但是如何正确使用这些 api 一直是困扰大部分人的难

大家好，我卡颂。 你或你的同事在使用useEffect时有没有发生过以下场景： 当你希望状态a变化后发起请求，于是你使用了useEffect： 这段代码运行符合预期，上线后也没问题。 随着需求不断迭代

最近 codeReview 组内同学代码，发现大量的使用了 useCallback 和 useMemo 这两个 hooks，询问观点道，可以性能优化，殊不知它们使用的场景及其注意点有哪些

大家好，我是小杜杜，React Hooks的发布已经有三年多了，它给函数式组件带来了生命周期，然而你真的完全掌握hooks了吗？知道如何去做一个好的自定义hooks吗？

我被问过这样一个问题：想要实现一个 useTitle 方法，具体使用示例如下：但在编写 useTitle 代码的时候却出了问题：这段代码直接报错，连渲染都渲染不出来，如果是你，该如何修改这段代码呢？

useMemo踩坑记录、以及useCallback和useMemo的区别。 useMemo使用时，一旦被记忆，当依赖项不发生变化的时候，useMemo讲返回记忆值而不再调用计算函数。

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

即使用了render这个prop的组件，接受一个函数来渲染元素，即父组件控制这部分的显示内容，而不是组件内部去实现自己的渲染逻辑。而父组件渲染的元素使用的数据是子组件内部控制的状态。 data即为SearchList组件内部的state。 你可能会想到把列表放到父组件去维护，渲…

任何刚开始写 react 组件的工程师应该都能发现，组件会一直重新渲染。有经验的工程师会告诉你，重新渲染并没有什么大不了的。