Created
May 4, 2018 04:52
-
-
Save JaeYeopHan/37b1cf0b6f2dad6b443ca810b37fbfca to your computer and use it in GitHub Desktop.
Sample code of simple redux
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const counter = (state = 0, action) => { | |
switch (action.type) { | |
case 'INCREMENT': | |
return state + 1; | |
case 'DECREMENT': | |
return state - 1; | |
default: | |
return state; | |
} | |
} | |
const createStore = (reducer) => { | |
let state; | |
let listeners = []; | |
const getState = () => state; | |
const dispatch = (action) => { | |
state = reducer(state, action); | |
listeners.forEach(listener => listener()); | |
}; | |
const subscribe = (listener) => { | |
listeners.push(listener); | |
return () => { | |
listeners = listeners.filter(l => l !== listener); | |
}; | |
}; | |
dispatch({}); | |
return { getState, dispatch, subscribe }; | |
}; | |
const store = createStore(counter); | |
const render = () => { | |
document.body.innerText = store.getState(); | |
}; | |
store.subscribe(render); | |
render(); | |
document.addEventListener('click', () => { | |
store.dispatch({ type: 'INCREMENT' }); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment