Reducer composition pattern + redux-actions about redux-actions HOT 3 CLOSED

// actions.js
import { createAction } from 'redux-actions'
import AuthService from './service'

export const receiveAuthProfile = createAction('RECEIVE_AUTH_PROFILE')

export function logInThunk() {
  return dispatch =>
    AuthService.logIn()
      .then(profile => dispatch(receiveAuthProfile(profile)))
      .catch(error => {
        const errorToDispatch = error instanceof Error
          ? error
          : new Error(error)
        return dispatch(receiveAuthProfile(errorToDispatch))
      })
}

export function logOutThunk() {
  return dispatch => AuthService.logOut()
    .then(() => dispatch(receiveAuthProfile(null)))
}

// reducer.js
import { handleAction } from 'redux-actions'

import { receiveAuthProfile } from './actions'
import AuthService from './service'

export default handleAction(receiveAuthProfile,
  {
    next(state, action) {
      return { ...state, loggedInUser: action.payload }
    },

    throw() {
      return { loggedInUser: null }
    },
  },
  { loggedInUser: AuthService.authenticated ? AuthService.profile : null },
)