使用 Jest 对 React 进行快照测试与 DOM 测试

本文例子的 GitHub 地址:https://github.com/codelegant/react-action

React 有自己的测试工具:Jest,就像 Angular 自己的 Karama

使用 Jest 测试 React,主要分两部分,快照测试(Snaptshot Testing)与 DOM 测试(DOM Testing)。

首先安装依赖:

然后配置package.json.babelrc。

查看全文

使用 webpack 与 html-webpack-plugin 进行 react 服务器渲染并生成静态页面文件

实现 react 服务器渲染的通常思路是使用 node 服务器即时渲染组件并生成页面数据流返回给浏览器,最简单版本的 node 服务器渲染:https://github.com/codelegant/react-server-simple

但是这种实现方式有以下缺点:

  • 如果原来有 node 服务器还好,否则需要额外架设服务器
  • 对前端开发者并不是特别友好
  • 即时渲染组件,比较耗费资源

那有没有不需要架设 node 服务器,实现方式又很前端,并且可以预渲染并生成静态文件的方式呢?答案是:有的!只需要用到两个工具:webpack 与 html-webpack-plugin。
查看全文