Redux Example using React

A simple TODO application from Dan Abramov's tutorials. You can click on a TODO to mark it complete and vice versa. Note: You can also filter Completed/Incompleted/All TODOs.

by Julien Etienne

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>
<script src="https://fb.me/react-with-addons-0.14.6.js"></script>
<script src="https://fb.me/react-dom-0.14.6.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.3.1/redux.js"></script>
<button id='increment'>Increment</button>
<button id='decrement'>Decrement</button>
<div id='count'>s</div>

JavaScript 1.7

const counterReducer = (state, action) => {
  if (typeof state === undefined) {
    return 0;
  }


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

  if (action.type === 'DECREMENET') {
    return state - 1;
  }
  return state;
}

var store = Redux.createStore(counterReducer);

document.getElementById('increment')
  .addEventListener('click', function() {
      store.dispatch({
        type: 'INCREMENT})
      }, false);


var count = document.getElementById('count');
console.log(count)
count.innerHTML = 'fwefw'
      function render() {
        
      }
      render();
      
 store.subscribe(render)