initial commit

Unit-01/05-redux/index.html

@@ -20,6 +20,7 @@ <h1 id="face"></h1>
     </div>
   </div>
 </body>
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
 <script src="https://unpkg.com/redux@latest/dist/redux.min.js"></script>
 <script src="main.js"></script>
 

Unit-01/05-redux/main.js

@@ -0,0 +1,56 @@
+const DEFAULT_STATE = {
+	face: 'click a button'
+}
+
+function rootReducer(state=DEFAULT_STATE, action){
+	switch (action.type){
+		case 'HAPPY': {
+			return {...state, face: '=]'}
+		}
+		case 'SAD': {
+			return {...state, face: '=['}
+		}
+		case 'ANGRY': {
+			return {...state, face: '>=['}
+		}
+		case 'CONFUSED': {
+			return {...state, face: '@_@'}
+		}
+		default: {
+			return {...state}
+		}
+	}
+}
+
+const store = Redux.createStore(
+	rootReducer,
+	window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
+)
+
+$(function(){
+
+	var $face = $('#face')
+
+	function render(){
+		$face.text(store.getState().face)
+	}
+
+	render()
+	store.subscribe(render)
+
+    $("#happy").on("click", function(){
+        store.dispatch({type: 'HAPPY'})
+    });
+
+    $("#sad").on("click", function(){
+        store.dispatch({type: 'SAD'})
+    });
+
+    $("#angry").on("click", function(){
+        store.dispatch({type: 'ANGRY'})
+    });
+
+    $("#confused").on("click", function(){
+        store.dispatch({type: 'CONFUSED'})
+    });
+});