https://www.valentinog.com/blog/redux/

Author: taejs

chapter11-3-1/package-lock.json

@@ -3,8 +3,10 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "node-sass": "^4.12.0",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
+    "react-icons": "^3.7.0",
     "react-redux": "^7.0.3",
     "react-router": "^5.0.0",
     "react-router-dom": "^5.0.0",

chapter11-3-1/package.json

@@ -1,37 +1,24 @@
 import C from './constants'
+import { v4 } from 'uuid'
+
+export const addColor = (title, color) =>
+    ({
+        type: C.ADD_COLOR,
+        id: v4(),
+        title,
+        color,
+        timestamp: new Date().toString()
+    })
 
 export const removeColor = id =>
-({
-    type : C.REMOVE_COLOR,
-    id
-})
+    ({
+        type: C.REMOVE_COLOR,
+        id
+    })
 
 export const rateColor = (id, rating) =>
-({
-    type : C.RATE_COLOR,
-    id,
-    rating
-})
-
-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')); 캡슐화 + 디버깅 용이
+    ({
+        type: C.RATE_COLOR,
+        id,
+        rating
+    })