quack! quack!

Author: Erik Rasmussen

src/actions/actionTypes.js

@@ -1,7 +1,7 @@
 import React, {Component, PropTypes} from 'react';
 import {bindActionCreators} from 'redux';
 import {connect} from 'react-redux';
-import {increment} from '../actions/counterActions';
+import {increment} from '../ducks/counter';
 
 @connect(
     state => ({count: state.counter.count}),

src/actions/authActions.js

@@ -1,7 +1,7 @@
 import React, {Component, PropTypes} from 'react';
 import {bindActionCreators} from 'redux';
 import {connect} from 'react-redux';
-import {load} from '../actions/infoActions';
+import {load} from '../ducks/info';
 
 @connect(
     state => ({info: state.info.data}),

src/actions/counterActions.js

@@ -3,7 +3,7 @@ import {connect} from 'react-redux';
 import {bindActionCreators} from 'redux';
 import reduxForm from 'redux-form';
 import widgetValidation, {colors} from '../validation/widgetValidation';
-import * as widgetActions from '../actions/widgetActions';
+import * as widgetActions from '../ducks/widgets';
 
 @connect(
   state => ({

src/actions/infoActions.js

@@ -0,0 +1,103 @@
+const LOAD = 'redux-example/auth/LOAD';
+const LOAD_SUCCESS = 'redux-example/auth/LOAD_SUCCESS';
+const LOAD_FAIL = 'redux-example/auth/LOAD_FAIL';
+const LOGIN = 'redux-example/auth/LOGIN';
+const LOGIN_SUCCESS = 'redux-example/auth/LOGIN_SUCCESS';
+const LOGIN_FAIL = 'redux-example/auth/LOGIN_FAIL';
+const LOGOUT = 'redux-example/auth/LOGOUT';
+const LOGOUT_SUCCESS = 'redux-example/auth/LOGOUT_SUCCESS';
+const LOGOUT_FAIL = 'redux-example/auth/LOGOUT_FAIL';
+
+const initialState = {
+  loaded: false
+};
+
+export default function reducer(state = initialState, action = {}) {
+  switch (action.type) {
+    case LOAD:
+      return {
+        ...state,
+        loading: true
+      };
+    case LOAD_SUCCESS:
+      return {
+        ...state,
+        loading: false,
+        loaded: true,
+        user: action.result
+      };
+    case LOAD_FAIL:
+      return {
+        ...state,
+        loading: false,
+        loaded: false,
+        error: action.error
+      };
+    case LOGIN:
+      return {
+        ...state,
+        loggingIn: true
+      };
+    case LOGIN_SUCCESS:
+      return {
+        ...state,
+        loggingIn: false,
+        user: action.result
+      };
+    case LOGIN_FAIL:
+      return {
+        ...state,
+        loggingIn: false,
+        user: null,
+        loginError: action.error
+      };
+    case LOGOUT:
+      return {
+        ...state,
+        loggingOut: true
+      };
+    case LOGOUT_SUCCESS:
+      return {
+        ...state,
+        loggingOut: false,
+        user: null
+      };
+    case LOGOUT_FAIL:
+      return {
+        ...state,
+        loggingOut: false,
+        logoutError: action.error
+      };
+    default:
+      return state;
+  }
+}
+
+export function isLoaded(globalState) {
+  return globalState.auth && globalState.auth.loaded;
+}
+
+export function load() {
+  return {
+    types: [LOAD, LOAD_SUCCESS, LOAD_FAIL],
+    promise: (client) => client.get('/loadAuth')
+  };
+}
+
+export function login(name) {
+  return {
+    types: [LOGIN, LOGIN_SUCCESS, LOGIN_FAIL],
+    promise: (client) => client.post('/login', {
+      data: {
+        name: name
+      }
+    })
+  };
+}
+
+export function logout() {
+  return {
+    types: [LOGOUT, LOGOUT_SUCCESS, LOGOUT_FAIL],
+    promise: (client) => client.get('/logout')
+  };
+}

src/actions/widgetActions.js

@@ -0,0 +1,23 @@
+const INCREMENT = 'redux-example/counter/INCREMENT';
+
+const initialState = {
+  count: 0
+};
+
+export default function reducer(state = initialState, action = {}) {
+  switch (action.type) {
+    case INCREMENT:
+      const {count} = state;
+      return {
+        count: count + 1
+      };
+    default:
+      return state;
+  }
+}
+
+export function increment() {
+  return {
+    type: INCREMENT
+  };
+}

src/components/CounterButton.js

@@ -1,28 +1,26 @@
-import {
-  INFO_LOAD,
-  INFO_LOAD_SUCCESS,
-  INFO_LOAD_FAIL
-} from '../actions/actionTypes';
+const LOAD = 'redux-example/LOAD';
+const LOAD_SUCCESS = 'redux-example/LOAD_SUCCESS';
+const LOAD_FAIL = 'redux-example/LOAD_FAIL';
 
 const initialState = {
   loaded: false
 };
 
 export default function info(state = initialState, action = {}) {
   switch (action.type) {
-    case INFO_LOAD:
+    case LOAD:
       return {
         ...state,
         loading: true
       };
-    case INFO_LOAD_SUCCESS:
+    case LOAD_SUCCESS:
       return {
         ...state,
         loading: false,
         loaded: true,
         data: action.result
       };
-    case INFO_LOAD_FAIL:
+    case LOAD_FAIL:
       return {
         ...state,
         loading: false,
@@ -37,3 +35,10 @@ export default function info(state = initialState, action = {}) {
 export function isLoaded(globalState) {
   return globalState.info && globalState.info.loaded;
 }
+
+export function load() {
+  return {
+    types: [LOAD, LOAD_SUCCESS, LOAD_FAIL],
+    promise: (client) => client.get('/loadInfo')
+  };
+}