Simple MobX

by bumbu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mobx/2.5.2/mobx.umd.js"></script>
<div id="counter">-</div>
<button id="button">Increment</button>

JavaScript

var store = mobx.observable({
    counter: 0
})

function render(state) {
    document.getElementById('counter').textContent = state.counter;
}

document.getElementById('button').addEventListener('click', function() {
    store.counter = store.counter + 1
})

mobx.observe(store, function() {
    render(store)
})