All: Scafolding, Add getReducers, reducers.

Author: Kwangsoo Shin

.gitignore

@@ -65,4 +65,4 @@ typings/
 # End of https://www.gitignore.io/api/node
 
 # ignore dist folder
-public/js/
+# public/js/

DataComponents/Counter.js

@@ -0,0 +1,28 @@
+const BaseComponent = require('BaseComponent');
+
+class Counter extends BaseComponent {
+  static reducers(state = 0, action) {
+    let ownReducer = Counter.getReducers();
+    switch(action.type) {
+      case 'UP':
+      case 'DOWN':
+        return ownReducer[action.type](state, action);
+      default:
+        return state;
+    }
+  }
+  static getReducers() {
+    function UP(state = 0, action) {
+      return state + 1;
+    }
+    function DOWN(state = 0, action) {
+      return state - 1;
+    }
+    return {
+      UP,
+      DOWN,
+    };
+  }
+}
+
+module.exports = Counter;

components/CounterM.js ViewComponents/CounterM.jscomponents/CounterM.js renamed to ViewComponents/CounterM.js

@@ -8,6 +8,20 @@ class Images extends BaseComponent {
   }
   render() {
 
+  }
+  /**
+   * Reducers for Self Component
+   * @return Function Reducer
+   */
+  static reducers(state = [], action) {
+    return state;
+  }
+  /**
+   * Return reducer's maps
+   * @return Object Reducer's map
+   */
+  static getReducers() {
+    
   }
 }
 

components/Images.js ViewComponents/Images.jscomponents/Images.js renamed to ViewComponents/Images.js

@@ -0,0 +1,45 @@
+const Storage = require('Storage');
+
+class BaseComponent {
+  constructor({ initialStorage = null, container = document.body } = {}) {
+    if (!(initialStorage && initialStorage instanceof Storage)) {
+      this.__storage = new Storage({ reducers: {}, initialState: {} });
+    } else {
+      this.__storage = initialStorage;
+    }
+    this.__container = container;
+    this.__storage.subscribe(() => this.render() );
+    this.initialRender();
+  }
+  /**
+   * Get store's state data.
+   * @return Object state data.
+   */
+  getState() {
+    return this.__storage.getState();
+  }
+  /**
+   * Dispatcher for store.
+   * @param {Object} action Action Object
+   * @return Undefined
+   */
+  dispatch(action) {
+    this.__storage.dispatch(action);
+  }
+  /**
+   * Initialize Render
+   * @return Undefined
+   */
+  initialRender() {
+    // InitialRender.
+  }
+  /**
+   * Render for store.
+   * @return Undefined
+   */
+  render() {
+    // Render.
+  }
+}
+
+module.exports = BaseComponent;