/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://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.6.0/redux.min.js"></script>
</head>
<body>
  <div id="app"></div>
<script id="jsbin-javascript">
'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;
  }
};

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('app'));
};

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


<script id="jsbin-source-javascript" type="text/javascript">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'));
}

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

## jsbin.sevede.js
'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;
  }
};

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('app'));
};

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://unpkg.com/react@15/dist/react.js"></script>
	<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.6.0/redux.min.js"></script>
	</head>
	<body>
	<div id="app"></div>
	<script id="jsbin-javascript">
	'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;
	}
	};

	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('app'));
	};

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



	<script id="jsbin-source-javascript" type="text/javascript">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'));
	}

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