Redux actionCreator creator

createAction.js

export const createAction = options => {
  const { type, success, error, request } = options;

  return (...params) => {
    const isFn = (obj) => typeof obj === 'function';
    const isStr = (obj) => typeof obj === 'string';

    return dispatch => {
      const startSender = () => dispatch({ type: `${type}_START` });
      const successSender = () => dispatch({ type: `${type}_SUCCESS` });
      const errorSender = () => dispatch({ type: `${type}_ERROR` });

      const successHandler = success ? (isFn(success) ? success : (isStr(success) ? successSender : undefined)) : undefined;
      const errorHandler = error ? (isFn(error) ? error : (isStr(error) ? errorSender : undefined)) : undefined;

      startSender();

      return request(...params)().then(successHandler, errorHandler);
    };
  };
};

PostModal.js

import { createAction } from 'redux/RestModule';
import RestClient, { AccessTokenInterceptor } from './Restful';

// Create Post modal
const Post = RestClient.all('posts');
Post.addRequestInterceptor(AccessTokenInterceptor);

export const fetchPosts = createAction({
  type: 'POSTS_FETCH',
  request: () => Post.getAll,
  success: 'PostS_FETCHED',
  error: 'POSTS_FETCH_FAILED'
});

export const actions = {
  fetchPosts
};

Restful.js

import cookie from 'react-cookie';
import restful, { fetchBackend } from 'restful.js';

// Create rest client
const Client = restful('http://api.example.com', fetchBackend(fetch));

// Load AccessToken from cookie and inject to rest client by interceptor
const AccessToken = cookie.load('KEY_OF_ACCESS_TOKEN_IN_COOKIE');
export const AccessTokenInterceptor = (config) => {
  return Object.assign({}, config, { headers: Object.assign(config.headers, { AccessToken }) });
};

export default Client;