basic frontend demo with react and redux

frontend-react/src/reducers/category.js

@@ -0,0 +1,10 @@
+import { CATEGORY_SELECT } from "constants/actionTypes";
+
+export default (state = null, action) => {
+	switch (action.type) {
+		case CATEGORY_SELECT:
+			return action.option;
+		default:
+			return state;
+	}
+};

frontend-react/src/reducers/items.js

@@ -0,0 +1,19 @@
+import {
+  ITEMS_CHANGED,
+  SUBCATEGORY_SELECT,
+  CATEGORY_SELECT,
+  OPTION_CHANGE
+} from "constants/actionTypes";
+
+export default (state = [], action) => {
+  switch (action.type) {
+    case ITEMS_CHANGED:
+      return action.items;
+    case CATEGORY_SELECT:
+    case SUBCATEGORY_SELECT:
+    case OPTION_CHANGE:
+      return [];
+    default:
+      return state;
+  }
+};

frontend-react/src/reducers/options.js

@@ -0,0 +1,18 @@
+import {
+	SUBCATEGORY_SELECT,
+	CATEGORY_SELECT,
+	OPTION_CHANGE
+} from "constants/actionTypes";
+
+export default (state = {}, action) => {
+	switch (action.type) {
+		case OPTION_CHANGE:
+			return { ...state, [action.optionName]: action.optionValue };
+		case SUBCATEGORY_SELECT:
+			return {};
+		case CATEGORY_SELECT:
+			return {};
+		default:
+			return state;
+	}
+};

frontend-react/src/reducers/subcategory.js

@@ -0,0 +1,12 @@
+import { SUBCATEGORY_SELECT, CATEGORY_SELECT } from "constants/actionTypes";
+
+export default (state = null, action) => {
+	switch (action.type) {
+		case SUBCATEGORY_SELECT:
+			return action.option;
+		case CATEGORY_SELECT:
+			return null;
+		default:
+			return state;
+	}
+};