Skip to content

RukiQ/redux-async-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

最近在研究 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技术栈整套工程化流程

About

redux异步流(redux-thunk、redux-saga)实践

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published