assemble redux stuffs, merge actions and reducers in a single file.

client/containers/App/index.js

@@ -4,7 +4,7 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 import Header from '../../components/Header'
 import MainSection from '../../components/MainSection'
-import * as TodoActions from '../../actions/todos'
+import {actions as TodoActions} from '../../redux/modules/todos'
 import style from './style.css'
 
 class App extends Component {

client/index.jsx

@@ -7,9 +7,9 @@ import ReactDOM from 'react-dom'
 import React from 'react'
 
 import App from './containers/App'
-import configure from './store'
+import configureStore from './redux/configureStore'
 
-const store = configure()
+const store = configureStore()
 const history = createHistory()
 
 syncReduxAndRouter(history, store)

client/store/index.jsx → client/redux/configureStore.jsx

@@ -1,6 +1,6 @@
 
 import { createStore } from 'redux'
-import rootReducer from '../reducers'
+import rootReducer from './rootReducer'
 
 export default function configure(initialState) {
   const create = window.devToolsExtension
@@ -10,8 +10,8 @@ export default function configure(initialState) {
   const store = create(rootReducer, initialState)
 
   if (module.hot) {
-    module.hot.accept('../reducers', () => {
-      const nextReducer = require('../reducers')
+    module.hot.accept('./rootReducer', () => {
+      const nextReducer = require('./rootReducer')
       store.replaceReducer(nextReducer)
     })
   }

client/redux/modules/todos.jsx

@@ -0,0 +1,77 @@
+import {createAction, handleActions } from 'redux-actions'
+
+const ADD_TODO = 'add todo'
+const DELETE_TODO = 'delete todo'
+const EDIT_TODO = 'edit todo'
+const COMPLETE_TODO = 'complete todo'
+const COMPLETE_ALL = 'complete all'
+const CLEAR_COMPLETE = 'clear complete'
+
+// Actions
+const addTodo = createAction(ADD_TODO)
+const deleteTodo = createAction(DELETE_TODO)
+const editTodo = createAction(EDIT_TODO)
+const completeTodo = createAction(COMPLETE_TODO)
+const completeAll = createAction(COMPLETE_ALL)
+const clearCompleted = createAction(CLEAR_COMPLETE)
+
+// Exposed Actions
+export const actions = {
+  addTodo,
+  deleteTodo,
+  editTodo,
+  completeTodo,
+  completeAll,
+  clearCompleted,
+}
+
+// Reducers
+const initialState = [{
+  text: 'Use Redux',
+  completed: false,
+  id: 0
+}]
+
+export default handleActions({
+  [ADD_TODO] (state, action) {
+    return [{
+      id: state.reduce((maxId, todo) => Math.max(todo.id, maxId), -1) + 1,
+      completed: false,
+      text: action.payload
+    }, ...state]
+  },
+
+  [DELETE_TODO] (state, action) {
+    return state.filter(todo => todo.id !== action.payload )
+  },
+
+  [EDIT_TODO] (state, action) {
+    return state.map(todo => {
+      return todo.id === action.payload.id
+        ? { ...todo, text: action.payload.text }
+        : todo
+    })
+  },
+
+  [COMPLETE_TODO] (state, action) {
+    return state.map(todo => {
+      return todo.id === action.payload
+        ? { ...todo, completed: !todo.completed }
+        : todo
+    })
+  },
+
+  [COMPLETE_ALL] (state, action) {
+    const areAllMarked = state.every(todo => todo.completed)
+    return state.map(todo => {
+      return {
+        ...todo,
+        completed: !areAllMarked
+      }
+    })
+  },
+
+  [CLEAR_COMPLETE] (state, action) {
+    return state.filter(todo => todo.completed === false)
+  }
+}, initialState)

client/reducers/index.jsx → client/redux/rootReducer.jsx

@@ -1,7 +1,7 @@
 
 import { combineReducers } from 'redux'
 import { routeReducer as routing } from 'redux-simple-router'
-import todos from './todos'
+import todos from './modules/todos'
 
 export default combineReducers({
   routing,