Redux Side Effects 项目教程

Redux Side Effects 项目教程

redux-side-effectsRedux toolset for keeping all the side effects inside your reducers while maintaining their purity.项目地址:https://gitcode.com/gh_mirrors/re/redux-side-effects

1. 项目的目录结构及介绍

redux-side-effects/
├── src/
│   ├── index.js
│   ├── reducer.js
│   ├── effects.js
│   ├── middleware.js
│   └── utils.js
├── test/
│   ├── reducer.test.js
│   ├── effects.test.js
│   └── middleware.test.js
├── .gitignore
├── package.json
├── README.md
└── LICENSE

• src/：包含项目的核心源代码。
  • index.js：项目的入口文件。
  • reducer.js：定义Redux的reducer。
  • effects.js：定义side effects。
  • middleware.js：定义处理side effects的middleware。
  • utils.js：包含一些工具函数。
• test/：包含项目的测试文件。
  • reducer.test.js：测试reducer的文件。
  • effects.test.js：测试effects的文件。
  • middleware.test.js：测试middleware的文件。
• .gitignore：指定Git忽略的文件和目录。
• package.json：项目的配置文件，包含依赖和脚本。
• README.md：项目的说明文档。
• LICENSE：项目的许可证。

2. 项目的启动文件介绍

src/index.js 是项目的入口文件，负责初始化Redux store并应用middleware。以下是示例代码：

import { createStore, applyMiddleware } from 'redux';
import createMiddleware from './middleware';
import reducer from './reducer';
import effects from './effects';

const middleware = createMiddleware(effects);
const store = createStore(reducer, applyMiddleware(middleware));

export default store;

3. 项目的配置文件介绍

package.json 是项目的配置文件，包含项目的依赖、脚本和其他元数据。以下是示例内容：

{
  "name": "redux-side-effects",
  "version": "1.0.0",
  "description": "A library for managing side effects in Redux",
  "main": "src/index.js",
  "scripts": {
    "start": "node src/index.js",
    "test": "jest"
  },
  "dependencies": {
    "redux": "^4.0.5"
  },
  "devDependencies": {
    "jest": "^26.6.3"
  },
  "author": "Your Name",
  "license": "MIT"
}

• name：项目的名称。
• version：项目的版本号。
• description：项目的描述。
• main：项目的入口文件。
• scripts：定义了一些常用的脚本命令，如启动项目和运行测试。
• dependencies：项目的生产依赖。
• devDependencies：项目的开发依赖。
• author：项目的作者。
• license：项目的许可证。

redux-side-effectsRedux toolset for keeping all the side effects inside your reducers while maintaining their purity.项目地址:https://gitcode.com/gh_mirrors/re/redux-side-effects