Minimal redux example

minimal-redux-async-example.js

const initialState = Immutable.Map({ count: 42 });

const actions = {
  click: function () {
    return { type: "click" };
  },
  
  asyncClick: function () {
    return function (dispatch) {
      setTimeout(() => dispatch(actions.click()), 1000);
    };
  }
};

const reducer = function (state = initialState, action) {
  switch (action.type) {
    case "click":
      return state.update("count", c => c + 1);
    default:
      return state;
  }
};

const store = redux.createStore(reducer, redux.applyMiddleware(reduxThunk));
const { dispatch, getState, subscribe } = store;

const Comp = React.createClass({
  render: function () {
    const { dispatch, count } = this.props;
    return <div>
      <button onClick={ () => dispatch(actions.click()) }>+</button>
      <button onClick={ () => dispatch(actions.asyncClick()) }>async +</button>
      { count }
    </div>;
  }
});

const render = function () {
  ReactDOM.render(
    <Comp count={ getState().get("count") }
          dispatch={ dispatch } />, el);
};

subscribe(render);
render();