18、测试驱动的 Redux 开发实践

测试驱动的 Redux 开发实践

在现代前端开发中，Redux 是一个强大的状态管理库，它能帮助我们更好地管理应用的状态。本文将详细介绍如何通过测试驱动的方式来开发 Redux 相关功能，包括 saga 和 reducer 的实现，以及如何将 Redux 集成到 React 组件中。

1. 实现 Saga 并集成到 Store

首先，我们需要实现一个 saga 并将其集成到 Redux store 中。以下是具体步骤：
1. 创建 Saga 文件 ：创建一个新目录 src/sagas ，并在其中创建 src/sagas/customer.js 文件，内容如下：

import { put } from 'redux-saga/effects';
export function* addCustomer() {
  yield put({ type: 'ADD_CUSTOMER_SUBMITTING' });
}

2. 更新 src/store.js ：在 src/store.js 中添加对 saga 和 takeLatest 效果的导入，并更新根 saga：

import { takeLatest } from "