JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.2.1/redux.js"></script>
<div id='state_container'>0</div>
<button onclick='increase()'>+</button>
<button onclick='decrease()'>-</button>
Babel + JSX
let reducer = (state=0, action) => {
switch (action.type) {
case 'INCREASE': return state+1
case 'DECREASE': return state-1
default: return state
}
}
let store = Redux.createStore(reducer)
let unsubscribe = store.subscribe(() =>
document.getElementById('state_container').innerHTML = store.getState()
)
window.increase = e => store.dispatch({
type: 'INCREASE'
})
window.decrease = e => store.dispatch({
type: 'DECREASE'
})