created sample redux module

Author: velopert

velog-frontend/.eslintrc.js

@@ -34,6 +34,7 @@ module.exports = {
     "jsx-a11y/no-autofocus": 0,
     "global-require": 0,
     "react/no-unused-state": 1,
-    "dangerouslySetInnerHTML": 0
+    "dangerouslySetInnerHTML": 0,
+    "no-param-reassign": 0
   }
 }

velog-frontend/package.json

@@ -27,8 +27,10 @@
     "fs-extra": "3.0.1",
     "hellojs": "next",
     "html-webpack-plugin": "2.29.0",
+    "immer": "^1.1.3",
     "immutable": "^3.8.2",
     "include-media": "^1.4.9",
+    "invariant": "^2.2.3",
     "jest": "20.0.4",
     "lodash": "^4.17.5",
     "marked": "^0.3.12",

velog-frontend/src/store/modules/base.js

@@ -28,6 +28,7 @@ const BaseRecord = Record({
   fullscreenLoader: false,
 });
 
+
 const initialState: Map<string, *> = BaseRecord();
 
 export default handleActions({

velog-frontend/src/store/modules/sample.js

@@ -0,0 +1,82 @@
+// @flow
+import { createAction, handleActions, type ActionType } from 'redux-actions';
+import produce from 'immer';
+
+/* ACTION TYPES */
+const PLAIN = 'sample/PLAIN';
+const INCREASE = 'sample/INCREASE';
+const INSERT = 'sample/INSERT';
+const CHANGE = 'sample/CHANGE';
+
+/* ACTION PAYLOADS */
+type InsertPayload = {
+  id: number,
+  text: string
+}
+
+/* ACTION CREATORS */
+const plain = createAction(PLAIN);
+const increase = createAction(INCREASE, (value: number) => value);
+const insert = createAction(INSERT, ({ id, text }: InsertPayload): InsertPayload => ({ id, text }));
+const change = createAction(CHANGE, (text: string) => text);
+
+/* ACTION FLOW TYPES */
+type PlainAction = ActionType<typeof plain>;
+type IncreaseAction = ActionType<typeof increase>;
+type InsertAction = ActionType<typeof insert>;
+type ChangeAction = ActionType<typeof change>;
+
+/* EXPORTING ACTION CREATORS / ACTION CREATORS TYPES */
+export type SampleActionCreators = {
+  plain(): PlainAction,
+  increase(value: number): IncreaseAction,
+  insert(payload: InsertPayload): InsertAction,
+  change(text: string): IncreaseAction
+};
+
+export const actionCreators = {
+  plain, increase, insert, change,
+};
+
+/* State Types */
+type TodoItem = {
+  id: number,
+  text: string,
+  done: boolean
+};
+
+type State = {
+  value: number,
+  text: string,
+  todos: TodoItem[],
+}
+
+const initialState: State = {
+  value: 0,
+  text: '',
+  todos: [],
+};
+
+const reducer = handleActions({
+  [PLAIN]: (state, action: PlainAction) => state,
+  [INCREASE]: (state, action: IncreaseAction) => {
+    return produce(state, (draft) => {
+      if (!action || !draft) return;
+      draft.value = action.payload;
+    });
+  },
+  [INSERT]: (state, action: InsertAction) => {
+    return produce(state, (draft) => {
+      if (!action || !draft) return;
+      draft.todos.push({ ...action.payload, done: false });
+    });
+  },
+  [CHANGE]: (state, action: ChangeAction) => {
+    return produce(state, (draft) => {
+      if (!action || !draft) return;
+      draft.text = action.payload;
+    });
+  },
+}, initialState);
+
+export default reducer;

velog-frontend/yarn.lock

@@ -3260,6 +3260,10 @@ ignore@^3.3.3:
   version "3.3.7"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.7.tgz#612289bfb3c220e186a58118618d5be8c1bab021"
 
+immer@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/immer/-/immer-1.1.3.tgz#9d5ac1daaeadd64c587d8dae3515fc1452ea0e1e"
+
 immutable@^3.8.2:
   version "3.8.2"
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3"
@@ -3351,6 +3355,12 @@ invariant@^2.0.0, invariant@^2.2.1, invariant@^2.2.2:
   dependencies:
     loose-envify "^1.0.0"
 
+invariant@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.3.tgz#1a827dfde7dcbd7c323f0ca826be8fa7c5e9d688"
+  dependencies:
+    loose-envify "^1.0.0"
+
 invert-kv@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"