react 中 useMemo 可能很多 react 开发者并没有使用过，如果你恰巧看到了这篇文章，就跟着笔者花六分钟的时间快速学习一下吧！

从一个 Vue 使用者转到 React，在初次接触 React 的生命周期时总是会觉得疑惑 希望读完本文能让你一次性搞定 React 生命周期的流程和能弄清楚在各个生命周期做些什么

constructor也是组件在某一个时刻会调用的方法，但是它是ES6语法的一部分，并不是react组件的特性，因此不算作react组件的生命周期函数。 首先是Initialization,初始化state和props的数据，在constructor函数中会接收props、初始…

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

两个 effect hook 是 React 提供给用户处理副作用逻辑的一个窗口，比如改变 DOM、添加订阅、设置定时器、记录日志以及执行其他各种渲染过程中不允许出现的操作。 这样会每次组件更新后都会执行，有点类似于 componentDidUpdate，但请不要用 class…

一般来讲一个成熟的产品，运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来优化产品，研发与测试团队则需要关注产品的性能以及异常，确保产品的性能体验以及安全迭代。

在 React 中，对于每一次由状态改变导致页面视图的改变，都会经历两个阶段：render 阶段、commit 阶段。 只有 class 组件才有生命周期，因为 class 组件会创建对应的实例，而函

这篇文章将解决你以下几个疑问： 为什么要使用单例？ 单例有哪些写法？ 单例存在哪些问题？ 单例与静态类的区别？ 有何替代的解决方案？ 为什么要使用单例？ 单例设计模式（Singleton Design

本文接下来将深入源码，带你了解这些知识。 这，就是关于useEffect的一切。 其中，只有渲染器会执行渲染视图操作。 对于浏览器环境来说，只有渲染器会执行类似appendChild、insertBefore这样的DOM操作。 答案是：他会为需要更新的内容对应的fiber（可以…