在函数式编程的术语里，一个 纯函数（pure function） 总是根据某些给定的输入返回相同的输出。让我们看一个简单的纯函数： 对于给定的两个数字，sum() 函数总是返回同样的相加值。 一旦对相同的输入返回不同的输出了，一个函数就变成 非纯（impure） 的了。这种情况…

本世纪初，美国计算机专家和作者 Robert Cecil Martin 针对 OOP 编程，提出了可以很好配合的五个独立模式；后由重构等领域的专家 Michael Feathers 根据其首字母组合成 SOLID 模式，并逐渐广为人知，直至成为了公认的 OOP 开发的基础准则。…

1. 引言 如果你在使用 React 16，可以尝试 Function Component 风格，享受更大的灵活性。但在尝试之前，最好先阅读本文，对 Function Component 的思维模式有一个初步认识，防止因思维模式不同步造成的困扰。 2. 精读 也就是，一个返回了…

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…

本文面向想要探索 HOC 模式的进阶用户，如果你是 React 的初学者则应该从官方文档开始。高阶组件（Higher Order Components）是一种很棒的模式，已被很多 React 库证实是非常有价值的。在本文中，我们首先回顾一下 HOC 是什么、有什么用、有何局限，…

前端开发的一个特点是更多的会涉及用户界面，当开发规模达到一定程度时，几乎注定了其复杂度会成倍的增长。 无论是在代码的初始搭建过程中，还是之后难以避免的重构和修正bug过程中，常常会陷入逻辑难以梳理、无法掌握全局关联的境地。 而单元测试作为一种“提纲挈领、保驾护航”的基础手段，为…

大家知道，React 现在已经在前端开发中占据了主导的地位。优异的性能，强大的生态，让其无法阻挡。博主面的 5 家公司，全部是 React 技术栈。据我所知，大厂也大部分以 React 作为主技术栈。React 也成为了面试中并不可少的一环。 React 也是现如今最流行的前端…

一个月前，React 官方正式发布了 v16.3 版本。在这次的更新中，除了前段时间被热烈讨论的新 Context API 之外，新引入的两个生命周期函数 getDerivedStateFromProps，getSnapshotBeforeUpdate 以及在未来 v17.0 …

如何确保一个组件如期望的工作呢？你可以说：“我都自己手动试过的呀。” 如果你打算对每个组件的每个改动都手动验证的话，或早或晚的，你就会跳过这项苦差事了，而小的瑕疵早晚也会出现。 这就是对组件的自动化验证，也就是单元测试（unit test），为何重要的原因。单元测试保证了每次对…