Really basic Redux + React example

redux_react.js

"use strict";
const connect  = ReactRedux.connect;
const Provider = ReactRedux.Provider;

// REDUCER
const defaultState = { count: 0 };
const appReducer = (state = defaultState, action) => {
  switch ( action.type ) {
    case 'increment':
      return _.extend({}, state, { count: state.count+1 });
    case 'decrement':
      return _.extend({}, state, { count: state.count-1 });
    default:
      return state;
  }
};

// STORE
store = Redux.createStore(appReducer)
store.dispatch({
  type: 'increment'
});


// ACTION CREATORS
const increment = () => {
  return { type: 'increment' }
};
const decrement = () => {
  return { type: 'decrement' }
};

// PRESENTATION COMPONENT
const Counter = ({ count, onIncrement, onDecrement}) => {
  return (
    <div className='counter'>
      <h1 className='count'>{count}</h1>
      <button onClick={onIncrement}>+</button>
      <button onClick={onDecrement}>-</button>
    </div>
  );
};

// CONTAINER WRAP
function stateSelect(state) {
  return {
    count: state.count
  }
}
function dispatchSelect(dispatch) {
  return {
    onIncrement: () => dispatch(increment()),
    onDecrement: () => dispatch(decrement())
  };
}
const CounterContainer = connect(stateSelect, dispatchSelect)(Counter)




// RENDER
const render = () => {
  ReactDOM.render(
    <Provider store={store}>
      <CounterContainer />
    </Provider>,
    document.getElementById('app')
  );  
};
render();