在前两篇文章中，我们分析了React组件的实现，挂载以及生命周期的流程。在阅读源码的过程中，我们经常会看到诸如transaction和UpdateQueue这样的代码，这涉及到React中的两个概念：事务和更新队列。因为之前的文章对于这些我们一笔带过，所以本篇我们基于大家都再熟…

Redux，作为大型React应用状态管理最常用的工具，其概念理论和实践都是很值得我们学习，分析然后在实践中深入了解的，对前端开发者能力成长很有帮助。本篇计划结合Redux容器组件和展示型组件的区别对比以及Redux与React应用最常见的连接库，react-redux源码分析…

以前，一个标准答案是说 classes 提供更多的功能（例如 state）。有了 Hooks，便不是这样了。 可能你听过其中一个性能更好。哪一个？许多这样的性能基准都存在缺陷，所以我会小心地从中得出结论。性能主要取决于代码而不是选择一个 function 或者 一个 class…

在 ES6 中增加了对类对象的相关定义和操作（比如 class 和 extends ），这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候，变得并不是那么优雅。这个时候，我们就需要一种更优雅的方法来帮助我们完成这些事情。 在面向对象（OOP）的设计模式中，decor…

声明：这不是一篇介绍React基础知识的文章，需要熟悉React相关知识 多年来，我逐渐意识到开发高质量的React应用的唯一正确途径，是编写函数组件。 在本文中，我将简要介绍函数组件和高阶组件。之后，我们将深入研究臃肿的React组件，将之重构为由多个可组合的高阶组件的优雅方…

代码复用一直是程序员所追求的，本文主要讲解如何利用 React Hook 提高代码的复用性。 Hook 是 React 新特性，让你不用写 class，也可以使用 React 的 state 以及其他功能。目前该特性发布在 v16.7.0-alpha 版本中，所以还不推荐在生产…

虽然在 React 16.8.1 中终于面世的 hooks 引人瞩目，但在去年发布的 16.6.0 版本里也包含了一个吸引人的新特性，可以让我们在不依赖第三方库的情况下简化对延迟加载（lazy loading）的处理。 让我们看看如何借助这个特性改善应用性能，并构建更好的用户体…

React自发布v16版本以来已经有半年了，至今最新的是v16.3。从 v16 开始增加了较多新的API。相较于之前纯净的API设计，变化可以说是非常大了。可以看出 facebook 的 React 团队已经解决了之前的大多数问题，现在开始为 React 设计新的 API 、增…

无意间看到原博主的这篇文章，强调基础和原理，略有同感。 嗯哼 ~ 首先， 我们的社会， 是一个竞争的社会，如果你想要更好的工作，更高的薪资，那么你就一定会参与到某种竞争当中，嗯，残酷的竞争。但是很明显，很多人并没有意识到这一点，因为毕竟再怎么坑也多多少少能够收到一些团队的off…