经过了上一篇文章的科普，大家应该都对前端的自动化测试有了一定的了解。 由于国内对于前端自动化的实践不多，相关介绍的文章也很少，中文资料匮乏，很多库类只能通过去阅读英文官方文档来学习使用。当然，在这篇文章中我会尽量给大家将英文文档中比较基础比较重要的部分讲解一下。 既然是与 Re…

为了写这篇文章请教了 【React高手】 莎士比亚老师。 稍后奉上。。。。等等等 ​ 作为时下最火的前端框架之一，React每次发版都会带来创新的改变，如React最早提出虚拟DOM、React 16引入fiber架构，再到后来React 16.8提出令人耳目一新的Hooks，…

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

1. 为什么使用Fiber 如果使用过React15的人，可能大致了解，其实15版本是基于Stack Reconcilation。它是递归、同步的方式。栈的优点在于用少量的代码就可以实现diff功能。并且非常容易理解。但是它也带来了严重的性能问题。接下来，我们了解一下原因。 G…

在jsx中，也可以使用.表达式来引入React组件，如果你在一个类型中声明了很多React组件，这样做会很方便引用，同时也避免命名的冲突。 在开发复杂业务时经常会碰到需要在运行时选择组件类型，比如通过prop来决定渲染哪个组件，要实现这样的功能需要注意，必须先要把它赋值给一个大…

在 React 日常的使用中，一个很重要的点就是，不要直接去修改 state。例如：this.state.count = 1是无法触发 React 去更新视图的。因为React的机制规定，一个state的更新，首先需要调用 setState 方法。 这样便能触发重新渲染。稍有经…

作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…

一提到React，学过的人都会想到提高性能的两大神奇特色：虚拟DOM & diff算法。React diff作为Virtual DOM的加速器，其算法的改进优化是React整的界面渲染的基础，以及性能提高的保障。虽然开发中不需要知道其运行机制，但是理解之后有助于更好的理解Rea…

React 是 Facebook 开发的构建用户界面的类库. 它从设计之初就将性能作为重点. 这篇文章我展示 diff 算法和渲染过程怎样工作, 你可以借鉴优化自己的应用.