Johann_Lai

上文 主要提到了一些 React 组件测试的基本方法论，接下来我们聊一下实际上是怎么实施组件的测试以及自动化的。 首先先生成一个 snapshot 通过 props 测试是一个很重要的测试过程，下吗我们设置 <Input /> 的 props 为 'test' ,测试组件是否表…

本文主要介绍基于 React 框架的项目，在对自己封装组件或者是通过 HOC ， render props 的方式在第三方 UI 组件库（e.g. Ant Design）的基础上封装的公共组件的自动化测试技术选型以及在项目中的实践 在多人协作的项目中，特别是项目团队中，会有多个…

在 React 当中，我们为了代码的复用，我们通常会封装一个组件。 一个组件通常会包含组件的内容样式组成的业务逻辑。一般情况下，我们会把组件的 js，和 css 放在一个地方，并且像 Linux 的哲学一样，一个组件只做一个事情。 那么我们在了解封装组件的时候，通常开发者们都会…

如果你的项目也在使用发布系统或者是CI工具，而且项目比较大，发布经常需要耗费十几分分钟，那么以下的工具可能会对你起作用。 影响前端发布速度的有两个方面，一个是构建，一个就是压缩，把这两个东西优化起来，可以减少很多发布的时间。

上周在处理项目的时候，由于之前项目中引用的是 cdn 中的生产环境的 React 所以导致所有在开发环境中应该暴露的 warnning 都被屏蔽了，上周修改了 webpack 的配置把 React 改为 develop 的时候，就出现了一堆下列的报错： 意思是： 数组或迭代器中…

当前大部分 React 应用需要使用 code splitting 的时候，都选择使用优秀的 react-loadable 来处理检测代码段是否已加载。然而，随着React v16.6 的发布，我们有一个非常难得的机会 ，可以删除我们的第三方依赖！ React.Suspense