Redux CheatSheet

actions.js

export const LIST_ALL_ITEMS = "LIST_ALL_ITEMS";
export function listAllItems(page = 0, limit = 30){
  return {
    type : LIST_ALL_ITEMS,
    page,
    limit
  }
}

export const CREATE_ITEM = "CREATE_ITEM";
export function create(payload){
  return {
    type : LIST_ALL_ITEMS,
    payload
  }
}

app.jsx

// app.jsx
import React from 'react';
import {render} from 'react-dom';
import {hashHistory, Route, IndexRoute, Router} from 'react-router';
import {Provider} from 'react-redux';
import {createStore} from 'redux';
import {syncHistoryWithStore} from 'react-router-redux';
import reducers from './redux/reducers';

let store = createStore(reducers, {initialStateItem: "value"}});

const history = syncHistoryWithStore(hashHistory, store);

render(
    <Provider store={store}>
        <Router history={hashHistory}>
            <Route path="/" component={App}>
            </Route>
        </Router>
    </Provider>
    , document.getElementById('app'));

reducers.js

export items = (state, action) => {
  switch(action.type){
    case "CREATE_ITEM" :
      // clone items array
      let items = state.items.slice(0); 
      // add a new item
      items.push(action.payload);
      // return a swallow copy of state -- see immutability principles
      return Object.assign({}, state)
      break;
  }
}