12、利用NW.js、React和Redux创建屏幕捕获器：增强、工具和测试

利用NW.js、React和Redux创建屏幕捕获器：增强、工具和测试

在开发屏幕捕获器的过程中，我们已经应用了Redux来管理应用程序的状态。接下来，我们将探讨如何使用中间件来增强Redux的功能，以及如何对Redux进行单元测试。此外，我们还将让屏幕捕获器具备截图和录制屏幕视频的功能。

1. 增强Redux功能

Redux允许我们使用中间件来处理一些跨领域的问题，这与Express框架的概念类似。我们可以在动作被分发但尚未到达reducer时，挂载第三方模块来扩展Redux。

1.1 使用redux-diff-logger进行状态跟踪

为了跟踪状态树的变化，我们可以使用 redux-diff-logger 模块，它只报告状态的差异，使日志更易于阅读。以下是具体的操作步骤：
1. 安装 redux-diff-logger 包：

npm i -S redux-diff-logger

2. 在入口脚本中添加以下代码：

// app.js
import { createStore, applyMiddleware, compose } from 'redux';
import logger from 'redux-diff-logger';

const storeEnhancer = compose(
  applyMiddleware(
    logge