delktsai / redux-async-demo

redux异步流（redux-thunk、redux-saga）实践

最近在研究 redux 异步流，看了一些文章，都只是理论上的理解，自己动手实践一遍，才能理解地更深刻~~~

一、说明

redux-async-demo：最开始的基础版本

redux-router-v4-demo：在 redux-async-demo 的基础上对路由进行了更改

03_redux-router-v4-optimize：在 redux-router-v4-demo 的基础上对模块结构进行了优化，分离了业务组件和纯组件，提高组件复用性，模块结构更加清晰。

二、用到的技术（-> package.json）：

"antd": "^2.12.8",
"axios": "^0.16.2",
"react": "^15.3.2",
"react-dom": "^15.3.2",
"react-redux": "^5.0.5",
"react-router-dom": "^4.1.1",
"redux": "^3.7.2",
"redux-logger": "^3.0.6",
"redux-saga": "^0.15.3",
"redux-thunk": "^2.2.0"

三、主要实现的功能：

1. 用 react-router4 实现路由切换
2. redux-thunk 异步加载数据
3. redux-saga 异步加载数据

四、参考：

1） webpack-react 脚手架采用了之前的demo：react_webpack\_scaffold

2）页面样式参考了 react-antd-demo

3）react router 4

请参考我的博文： React Router 4：痛过之后的豁然开朗

4）对 redux 异步流的详细介绍请参考我的博文：聊一聊 redux 异步流之 redux-saga

5）对项目的梳理请参考我的博文：React技术栈整套工程化流程