diegslva/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<script src="https://fb.me/react-with-addons-15.1.0.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/4.0.5/redux.min.js" integrity="sha512-P36ourTueX/PrXrD4Auc1kVLoTE7bkWrIrkaM0IG2X3Fd90LFgTRogpZzNBssay0XOXhrIgudf4wFeftdsPDiQ==" crossorigin="anonymous"></script>

</head>
<body>
  <div id="root"/></div>
<script id="jsbin-javascript">
/*jshint esnext:true*/

'use strict';

var counterReducer = function counterReducer(state, action) {
  if (state === undefined) state = 0;

  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return Math.max(0, state - 1);
    default:
      return state;
  }
};

var _Redux = Redux;
var createStore = _Redux.createStore;

var Counter = function Counter(_ref) {
  var value = _ref.value;
  var onIncrement = _ref.onIncrement;
  var onDecrement = _ref.onDecrement;

  return React.createElement(
    'div',
    null,
    React.createElement(
      'h1',
      null,
      value
    ),
    React.createElement(
      'button',
      { onClick: onIncrement },
      '+'
    ),
    React.createElement(
      'button',
      { onClick: onDecrement },
      '-'
    )
  );
};

var store = createStore(counterReducer);

var render = function render() {
  var state = store.getState();
  ReactDOM.render(React.createElement(Counter, {
    value: state,
    onIncrement: function () {
      store.dispatch({ type: 'INCREMENT' });
    },
    onDecrement: function () {
      return store.dispatch({ type: 'DECREMENT' });
    }
  }), document.getElementById('root'));
};

store.subscribe(render);

render();
</script>


<script id="jsbin-source-javascript" type="text/javascript">
/*jshint esnext:true*/

const counterReducer = (state = 0, action) => {
    switch(action.type) {
      case 'INCREMENT':
        return state + 1;
      case 'DECREMENT':
        return Math.max(0,state - 1);
      default:
        return state;
    }
}

const {createStore} = Redux;

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


const store = createStore(counterReducer)

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


store.subscribe(render)

render()


</script></body>
</html>

## jsbin.vefilaq.js
/*jshint esnext:true*/

'use strict';

var counterReducer = function counterReducer(state, action) {
  if (state === undefined) state = 0;

  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return Math.max(0, state - 1);
    default:
      return state;
  }
};

var _Redux = Redux;
var createStore = _Redux.createStore;

var Counter = function Counter(_ref) {
  var value = _ref.value;
  var onIncrement = _ref.onIncrement;
  var onDecrement = _ref.onDecrement;

  return React.createElement(
    'div',
    null,
    React.createElement(
      'h1',
      null,
      value
    ),
    React.createElement(
      'button',
      { onClick: onIncrement },
      '+'
    ),
    React.createElement(
      'button',
      { onClick: onDecrement },
      '-'
    )
  );
};

var store = createStore(counterReducer);

var render = function render() {
  var state = store.getState();
  ReactDOM.render(React.createElement(Counter, {
    value: state,
    onIncrement: function () {
      store.dispatch({ type: 'INCREMENT' });
    },
    onDecrement: function () {
      return store.dispatch({ type: 'DECREMENT' });
    }
  }), document.getElementById('root'));
};

store.subscribe(render);

render();
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<script src="https://fb.me/react-with-addons-15.1.0.js"></script>
	<script src="https://fb.me/react-dom-15.1.0.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/4.0.5/redux.min.js" integrity="sha512-P36ourTueX/PrXrD4Auc1kVLoTE7bkWrIrkaM0IG2X3Fd90LFgTRogpZzNBssay0XOXhrIgudf4wFeftdsPDiQ==" crossorigin="anonymous"></script>

	</head>
	<body>
	<div id="root"/></div>
	<script id="jsbin-javascript">
	/jshint esnext:true/

	'use strict';

	var counterReducer = function counterReducer(state, action) {
	if (state === undefined) state = 0;

	switch (action.type) {
	case 'INCREMENT':
	return state + 1;
	case 'DECREMENT':
	return Math.max(0, state - 1);
	default:
	return state;
	}
	};

	var _Redux = Redux;
	var createStore = _Redux.createStore;

	var Counter = function Counter(_ref) {
	var value = _ref.value;
	var onIncrement = _ref.onIncrement;
	var onDecrement = _ref.onDecrement;

	return React.createElement(
	'div',
	null,
	React.createElement(
	'h1',
	null,
	value
	),
	React.createElement(
	'button',
	{ onClick: onIncrement },
	'+'
	),
	React.createElement(
	'button',
	{ onClick: onDecrement },
	'-'
	)
	);
	};

	var store = createStore(counterReducer);

	var render = function render() {
	var state = store.getState();
	ReactDOM.render(React.createElement(Counter, {
	value: state,
	onIncrement: function () {
	store.dispatch({ type: 'INCREMENT' });
	},
	onDecrement: function () {
	return store.dispatch({ type: 'DECREMENT' });
	}
	}), document.getElementById('root'));
	};

	store.subscribe(render);

	render();
	</script>



	<script id="jsbin-source-javascript" type="text/javascript">
	/jshint esnext:true/

	const counterReducer = (state = 0, action) => {
	switch(action.type) {
	case 'INCREMENT':
	return state + 1;
	case 'DECREMENT':
	return Math.max(0,state - 1);
	default:
	return state;
	}
	}

	const {createStore} = Redux;

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



	const store = createStore(counterReducer)

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



	store.subscribe(render)

	render()


	</script></body>
	</html>