counter.js

/** @jsx React.createElement */
/* ^ JS bin needs this or it will start complaining */


/* Redux code to create a counter. Needs a div with ID "app" to start working */ 
const counter = (state = 0, action) => {
	switch(action.type) {
		case 'INCREMENT':
	        return state + 1
			
		case 'DECREMENT':
			return state - 1
			
		default:
			return state
	}
}

const Counter = ({value, onIncrement, onDecrement}) => (
    <div>
	    <h1>{value}</h1>
	    <button onClick={onIncrement}>+</button>
    	<button onClick={onDecrement}>-</button>
	</div>
)

const {createStore} = Redux
const store = createStore(counter)

const render = () => {
	ReactDOM.render(
	    <Counter
		    value = {store.getState()}
            onIncrement = {() => store.dispatch({type: 'INCREMENT'})}
			onDecrement = {() => store.dispatch({type: 'DECREMENT'})}
        />,
		document.getElementById('app')
	)
}


// start app
store.subscribe(render)
render() // first time needs manual inovacation, subsequent calls come automatically from the subscribe method above