11
Redux与Mobx适用场景
source link: http://muyunyun.cn/blog/idu7szrn/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Redux 的简易实现
function createStore(reducer, initialState) {
let state = initialState
const eventList = []
function getState() {
return state
function dispatch(action) {
state = reducer(state, action)
eventList.map(r => r(state))
function subscribe(event) {
eventList.push(event)
return {
getState,
subscribe,
dispatch,
const reducer = function(state, action) {
switch (action.type) {
case 'update':
return action.payload
break
case 'update1':
return {
...state,
a: action.payload,
break
default:
return state
const store = createStore(reducer, {a: 1, b: 2})
store.subscribe((state) => { console.log(state) })
store.dispatch({ type: 'update', payload: { a: 1, b: 2 }}) // { a: 1, b: 2 }
store.dispatch({ type: 'update1', payload: 3 }) // { a: 3, b: 2 }
console.log(store.getState()) // { a: 3, b: 2 }
Redux 与 Mobx 适用场景
redux
- store - view - action 的闭环
- Redux 颗粒度更细, 相对更安全
- store - view 的闭环
- 使用了类双向绑定的思维
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK