TomYeoman/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.5.2/redux.js"></script>
<script src="https://fb.me/react-15.1.0.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div id="root">
<script id="jsbin-javascript">
// This is our reducer function

'use strict';

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

  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;

  }
};

// Dumb content, Just specify how the current application state
// transforms into a renderable output

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 _Redux = Redux;
var createStore = _Redux.createStore;

var store = createStore(counter);

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

  }), document.getElementById('root'));
};

render();
store.subscribe(render);
</script>


<script id="jsbin-source-javascript" type="text/javascript">// This is our reducer function

const counter = (state = 0, action) => {

  switch(action.type){
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;

  }

};

// Dumb content, Just specify how the current application state
// transforms into a renderable output

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('root')
  )

}

render();
store.subscribe(render);</script></body>
</html>

## jsbin.nakisuyexu.js
// This is our reducer function

'use strict';

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

  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;

  }
};

// Dumb content, Just specify how the current application state
// transforms into a renderable output

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 _Redux = Redux;
var createStore = _Redux.createStore;

var store = createStore(counter);

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

  }), document.getElementById('root'));
};

render();
store.subscribe(render);
	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.5.2/redux.js"></script>
	<script src="https://fb.me/react-15.1.0.js"></script>
	<script src="https://fb.me/react-dom-15.1.0.js"></script>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	<div id="root">
	<script id="jsbin-javascript">
	// This is our reducer function

	'use strict';

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

	switch (action.type) {
	case 'INCREMENT':
	return state + 1;
	case 'DECREMENT':
	return state - 1;
	default:
	return state;

	}
	};

	// Dumb content, Just specify how the current application state
	// transforms into a renderable output

	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 _Redux = Redux;
	var createStore = _Redux.createStore;

	var store = createStore(counter);

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

	}), document.getElementById('root'));
	};

	render();
	store.subscribe(render);
	</script>



	<script id="jsbin-source-javascript" type="text/javascript">// This is our reducer function

	const counter = (state = 0, action) => {

	switch(action.type){
	case 'INCREMENT':
	return state + 1;
	case 'DECREMENT':
	return state - 1;
	default:
	return state;

	}

	};

	// Dumb content, Just specify how the current application state
	// transforms into a renderable output

	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('root')
	)

	}

	render();
	store.subscribe(render);</script></body>
	</html>