majorly overhauled 2.8

step2-09/demo/src/reducers/index.ts

@@ -1,33 +1,21 @@
 import { Store } from '../store';
 import { addTodo, remove, complete, clear, setFilter } from './pureFunctions';
 import { combineReducers } from 'redux';
+import { createReducer } from 'redux-starter-kit';
 
-function todoReducer(state: Store['todos'] = {}, action: any): Store['todos'] {
-  switch (action.type) {
-    case 'addTodo':
-      return addTodo(state, action.id, action.label);
-
-    case 'remove':
-      return remove(state, action.id);
-
-    case 'clear':
-      return clear(state);
-
-    case 'complete':
-      return complete(state, action.id);
+const todoReducer = createReducer<Store['todos']>(
+  {},
+  {
+    addTodo,
+    remove,
+    clear,
+    complete
   }
+);
 
-  return state;
-}
-
-function filterReducer(state: Store['filter'] = 'all', action: any): Store['filter'] {
-  switch (action.type) {
-    case 'setFilter':
-      return setFilter(state, action.filter);
-  }
-
-  return state;
-}
+const filterReducer = createReducer<Store['filter']>('all', {
+  setFilter
+});
 
 export const reducer = combineReducers({
   todos: todoReducer,