action creators

Author: taejs

chapter8/src/actionCreators.js

@@ -17,4 +17,21 @@ export const sortColors = sortedBy =>
 (sortedBy === 'rating') ? ({
     type:C.SORT_COLORS,
     sortedBy : 'SORTED_BY_RATING'
-})
+}) :
+(sortedBy === 'title') ? ({
+    type : C.SORT_COLORS,
+    sortBy : 'SORTED_BY_TITLE'
+}) : ({
+    type : C.SORT_COLORS,
+    sortBy : 'SORTED_BY_DATE'
+});
+
+export const addColor = (title, color) =>  ({
+    type : C.ADD_COLOR,
+    id : Math.random()*458723233,
+    title,
+    color,
+    timestamp : new Date.toString()
+})
+
+//store.dispatch(addColor('잔디', '#998f12')); 캡슐화 + 디버깅 용이

chapter8/src/store.js

@@ -33,6 +33,7 @@ const initialState = {
 
 const store =createStore(combineReducers({colors, sort}), (localStorage['redux-store'] ? JSON.parse(localStorage['redux-store']):'')); //localStorage에 값이 있으면 
 
+store.subscribe(()=> localStorage['redux-store'] = JSON.stringify(store.getState));
 //store.subscribe(()=>console.log('색 개수: ', store.getState().colors.length ));
 const logState = ()=>console.log('다음 상태 :', store.getState());
 store.subscribe(logState); //함수리스너 등록