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

界面更新本质上就是数据的变化。React把所有会动的东西收敛到状态(state)，使得大部分的界面任务都可以用一个姿势搞定 没错，我说的是 setState()。本文会揭示setState()的内部实现，并通过改变在改变单一DOM元素属性来一探diffing算法的实现细节。 在…

几个月前，React Router 4 发布，我能清晰地感觉到来自 Twitter 大家对新版本中其 大量的修改 的不同声音。诚然，我在学习 React Router 4 的第一天，也是非常痛苦的，但是，这并不是因为看它的 API，而是反复思考使用它的模式和策略，因为 V4 的变化确实有点大，V3 的功能它都有，除此之外，还增加了一些特性，我不能直接将使用 V3 的心得直接迁移过来，现在，我必须重新审视 router 和 layout components 之间的关系

接下来将针对影响较大，使用频率较高的更新点逐一讲解。 我们知道，对 React 组件的性能优化，shouldComponentUpdate函数是很重要的一啪，所以 React 才会在 React.Component的基础上增加了React.PureComponent，但是对于非…

前言 本文代码浅显易懂，思想深入实用。此属于react进阶用法，如果你还不了解react，建议从文档开始看起。 我们都知道高阶函数是什么, 高阶组件其实是差不多的用法，只不过传入的参数变成了react组件，并返回一个新的组件. A higher-order component i…

其中涉及到 React 组件复用、轮子设计相关话题，并配合相关场景实例进行了分析。这些内容都算是 React 设计模式，一提到 Design Patterns，读者大可不必恐惧，事实上这都是 React 开发应用灵活性的体现。今天这篇文章，我们继续通过一个场景，循序渐进，通过一…

距离React Router v4 正式发布也已经过去三个月了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”... 江湖传言，目前官方同时维护 2.x 和 4.x 两个版本。（ヾ(｡ꏿ﹏ꏿ)ﾉﾞ咦，此刻相信机智如…

本文包含 ReactJS 内部工作原理的说明。实际上，我在调试整个代码库时，将所有的逻辑放在可视化的流程图上，对它们进行分析，然后总结和解释主要的概念和方法。我已经完成了 Stack 版本，现在我在研究下一个版本 —— Fiber。 每张流程图都可以通过点击在新的选项卡中打开，…

React Router v4 是一个完全使用 React 重写的流行的 React 包，之前版本的 React Router 版本配置是使用伪组件也很晦涩难懂。现在 v4 版本的 React Router，所有的东西都 “仅仅是组件”。 选择 router。 创建 route…