Rayraegah/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
<script src="https://fb.me/react-15.1.0.js"></script>
<script src="https://fb.me/react-dom-15.1.0.js"></script>
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.6.0/redux.min.js"></script>
</head>
<body>
  <div id="root"></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 _Redux = Redux;
var createStore = _Redux.createStore;

var store = createStore(counter);

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

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 { createStore } = Redux;
const store = createStore(counter);

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

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

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

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

var store = createStore(counter);

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

store.subscribe(render);
render();
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<script src="https://fb.me/react-15.1.0.js"></script>
	<script src="https://fb.me/react-dom-15.1.0.js"></script>
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.6.0/redux.min.js"></script>
	</head>
	<body>
	<div id="root"></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 _Redux = Redux;
	var createStore = _Redux.createStore;

	var store = createStore(counter);

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

	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 { createStore } = Redux;
	const store = createStore(counter);

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

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

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