对于一个产品来说，性能问题是很影响用户体验的。为了提升性能，各个框架也是在不断地努力改进。比如 React v16 开始使用 Fiber，通过时间切片的方式来改善原来在调和阶段（Reconciler），使用递归生成完整 Virtual DOM 树而导致渲染引擎被阻塞的问题。

框架的归框架，开发的归开发。开发能在这个基础上再做些什么性能优化呢？本文以 React 为例。

引言

性能优化一直都是吾辈努力的方向。React 官网其实已经介绍了如何去优化 React 项目（Optimizing Performance – React）。这次，我们看上了「虚拟化长列表」。

（感觉要写很久……

原文链接

前言：你是如何开发的？

本文涵盖了一系列 Enzyme 与 Jest 为 React 提供的测试工具，包括「快照测试」、「mock 函数」、「模拟事件」，以及如何测试组件的「功能」、「props」以及「state」。我们也会探讨其他方面的测试，包括 React 项目中的「抽象能力」和「逻辑隔离」。最后会附上一个测试清单，关于如何设计你自己的测试。

Enzyme 和 Jest 是确保代码处于高稳定性的关键工具，不论你是选用「测试驱动开发」还是「行为驱动开发」策略。在讨论工具前，让我们先来以抽象的方式回顾一下这两种开发模式的差异。

原文链接

前言

随着 React 应用变得越来越复杂，其稳定性也会随之变差。无论是抽象、添加功能或者是重构，都可能会引起 bug，更别说多名开发者共同维护项目的情况了。所以，我们就需要自动化测试的帮助。

本文将会介绍自动化测试工具、我们可以在 React 中进行哪些测试以及为什么需要这么做。让我们首先来介绍 Jest，这是最常用的由 FB 开发的JS 测试框架，FB 也是用它来给 React 应用进行测试。

我们经常会需要在 constructor 里面对事件处理函数使用 bind() 来对 this 进行绑定。那么，为什么呢？本文将对此进行探究。

参考文章：This is why we need to bind event handlers in Class Components in React

Redux 简单实现 系列文章（四）：react-redux 的原理。

Redux 简单实现 系列文章（三）：中间件的实现。

Redux 简单实现 系列文章（二）：多文件协作的实现。

Redux 简单实现 系列文章（一）：状态管理器的实现。