react-05

# 0. redux要点

1. redux理解

2. redux相关API

3. redux核心概念(3个)

4. redux工作流程

5. 使用redux及相关库编码

#1. redux理解

什么?: redux是专门做状态管理的独立第3方库, 不是react插件

作用?: 对应用中状态进行集中式的管理(写/读)

开发: 与react-redux, redux-thunk等插件配合使用

# 2. redux相关API

redux中包含: createStore(), applyMiddleware(), combineReducers()

store对象: getState(), dispatch(), subscribe()

react-redux: <Provider>, connect()()

# 3. redux核心概念(3个)

action:

默认是对象(同步action), {type: 'xxx', data: value}, 需要通过对应的actionCreator产生,

它的值也可以是函数(异步action), 需要引入redux-thunk才可以

reducer

根据老的state和指定的action, 返回一个新的state

不能修改老的state

store

redux最核心的管理对象

内部管理着: state和reducer

提供方法: getState(), dispatch(action), subscribe(listener)

# 4. redux工作流程

![](http://www.ruanyifeng.com/blogimg/asset/2016/bg2016091802.jpg)

![](https://i.imgur.com/2R5G8bG.png)

# 5. 使用redux及相关库编码

需要引入的库:

redux

react-redux

redux-thunk

redux-devtools-extension(这个只在开发时需要)

redux文件夹:

action-types.js

actions.js

reducers.js

store.js

组件分2类:

ui组件(components): 不使用redux相关PAI

容器组件(containers): 使用redux相关API

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励