使用redux开发的简单步骤

一、安装redux包

npm install redux --save

　　

二、根据APP数据结构或者后台请求的数据结构拟定state的大致结构。

　　可以把state写成一个对象字面量，放在reducer文件中，注释掉即可，当你觉得模糊混乱的时候就可以看一看这个state对象，然后就可以清楚state的具体构成了。

 

三、创建文件

　　reducer.js、 store.js

　　这两个文件，一个是用来写reducer的，另一个是用于生成store的。

　　在需要的时候，可以从这两个js模块引入，方便开发。

　　

 

 

四、在reducer.js文件中写reducer函数。

　　可以使用combineReducers方法简化reducer函数，具体使用方法见之前的博客。

 

五、写store.js文件

　　引入需要使用的Middleware中间件，然后通过createStore方法生成store，最后作为模块引出。

 

六、在具体的组件文件中，如果要使用store，就从store.js引入。

　　store主要使用一下三个方法：

　　

store.dispatch()
//用于dispatch action，传递action给reducer方法，处理修改state。
store.subscribe()
//用于给store注册监听（订阅）函数，被注册的函数在state发生改变时会被自动调用
store.getState()
//用于获取state，比如在组件中要使用state中的数据时就可以调用这个方法获取state。