rameshanandakrishnan/gist:e3cfb4f73e498255cffdb24d3e9480fa

## gistfile1.txt
**********HTML
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.3.1/redux.min.js"></script>
 <script src="https://fb.me/react-with-addons-0.14.7.min.js"></script>
<script src="https://fb.me/react-dom-0.14.7.min.js"></script> <title>Document</title>
</head>
<body>
  <div id="root"></div>
</body>
</html>

**********END HTML
function counter(state, action) {
  if (typeof state === 'undefined') {
    return 0;
  }

  if (action.type === 'INCREMENT') {
    return state + 1;
  } else if (action.type === 'DECREMENT'){
    return state  -1;
  }else {
    return state;
  }
}

var Counter = function Counter(_ref) {
  var value = _ref.value;
  var onIncrement = _ref.onIncrement;
  var onDecrement = _ref.onDecrement;
  console.log("onIncrement", onDecrement);
  return React.createElement(
    "div",
    null,
    React.createElement(
      "h1",
      null,
      value
    ),
    React.createElement(
      "button",
      { onClick: onIncrement },
      "+"
    ),
    React.createElement(
      "button",
      { onClick: onDecrement },
      "-"
    )
  );
};

var createStore = Redux.createStore;
var store = createStore(counter);


function onIncrement() {
   return store.dispatch({ type: 'INCREMENT' });
}

function onDecrement() {
   return store.dispatch({ type: 'DECREMENT'});
}

var render = function(){
  ReactDOM.render(
    <Counter value={store.getState()} onIncrement={onIncrement} onDecrement={onDecrement}/>,
   document.getElementById('root')
 );
};

store.subscribe(render);
render();

document.addEventListener('click', function(){

});
	**********HTML
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.3.1/redux.min.js"></script>
	<script src="https://fb.me/react-with-addons-0.14.7.min.js"></script>
	<script src="https://fb.me/react-dom-0.14.7.min.js"></script> <title>Document</title>
	</head>
	<body>
	<div id="root"></div>
	</body>
	</html>

	**********END HTML
	function counter(state, action) {
	if (typeof state === 'undefined') {
	return 0;
	}

	if (action.type === 'INCREMENT') {
	return state + 1;
	} else if (action.type === 'DECREMENT'){
	return state -1;
	}else {
	return state;
	}
	}

	var Counter = function Counter(_ref) {
	var value = _ref.value;
	var onIncrement = _ref.onIncrement;
	var onDecrement = _ref.onDecrement;
	console.log("onIncrement", onDecrement);
	return React.createElement(
	"div",
	null,
	React.createElement(
	"h1",
	null,
	value
	),
	React.createElement(
	"button",
	{ onClick: onIncrement },
	"+"
	),
	React.createElement(
	"button",
	{ onClick: onDecrement },
	"-"
	)
	);
	};

	var createStore = Redux.createStore;
	var store = createStore(counter);



	function onIncrement() {
	return store.dispatch({ type: 'INCREMENT' });
	}

	function onDecrement() {
	return store.dispatch({ type: 'DECREMENT'});
	}

	var render = function(){
	ReactDOM.render(
	<Counter value={store.getState()} onIncrement={onIncrement} onDecrement={onDecrement}/>,
	document.getElementById('root')
	);
	};

	store.subscribe(render);
	render();

	document.addEventListener('click', function(){

	});