REDUX是什么
下面是redux官方给出的解释:
简介
- redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。
- Redux会将整个应用状态(其实也就是数据)存储到到一个地方,称为store
- 这个store里面保存一棵状态树(state tree)
- 组件改变state的唯一方法是通过调用store的dispatch方法,触发一个action,这个action被对应的reducer处理,于是state完成更新
- 组件可以派发(dispatch)行为(action)给store,而不是直接通知其它组件
- 其它组件可以通过订阅store中的状态(state)来刷新自己的视图
redux的工作流程
最小化实现REDUX
我们要实现的redux主要有如下几个功能:
- 获取应用state
- 发送action
- 监听state变化
- 让我们来看下redux store暴漏的api
1 | const store = { |
我们来实现createStore,它返回store对象
1 | const createStore = (reducer, initialState) => { |
通过上面的20行左右的代码已经实现了redux的最基本功能了
使用
我们现在可以像使用redux一样使用了我们的”redux”了。
1 | // reducer |