redux-sagas utils

actions.products.js

import { createConstAndAction, createFetchTypesAndFuncs } from './utils';

export const { PRODUCTS, products } = createFetchTypesAndFuncs('products');

export const { LOAD_PRODUCTS, loadProducts } = createConstAndAction('LOAD_PRODUCTS');
// these actions is for pull-to-load-more
export const { LOAD_MORE_PRODUCTS, loadMoreProducts } = createConstAndAction('LOAD_MORE_PRODUCTS');

actions.utils.js

import { createAction } from 'redux-actions';
import camelCase from 'lodash-es/camelCase';
import toUpper from 'lodash-es/toUpper';

function createRequestTypes(base) {
  const res = {};
  ['REQUEST', 'SUCCESS', 'FAILURE'].forEach((type) => {
    res[type] = `${base}_${type}`;
  });
  return res;
}

// base is something like my_career;
// camelCase: myCareer
// capitalize: MY_CAREER
export function createFetchTypesAndFuncs(base) {
  const camelCaseBase = camelCase(base);
  const toUpperBase = toUpper(base);

  const TYPES = createRequestTypes(toUpperBase);
  return {
    [toUpperBase]: TYPES,
    [camelCaseBase]: {
      // request(data)
      request: createAction(TYPES.REQUEST),
      // params here is request parameters
      success: createAction(TYPES.SUCCESS, ({ response }) => response, ({ params }) => params),
      failure: createAction(TYPES.FAILURE, ({ error }) => error, ({ params }) => params),
    },
  };
}

// input: LOAD_SOMETHING
// output: LOAD_SOMETHING, loadSomething
export function createConstAndAction(base) {
  const camelCaseBase = camelCase(base);
  return {
    [base]: base,
    [camelCaseBase]: createAction(base),
  };
}

sagas.utils.js

import { put, call } from 'redux-saga/effects';

// resuable fetch Subroutine
// entity :  user | repo | starred | stargazers
// apiFn  : api.fetchUser | api.fetchRepo | ...
// id     : login | fullName
// url    : next page url. If not provided will use pass it to apiFn
export function* fetchEntity(entity, apiFn, params) {
  yield put(entity.request(params));
  const { response, error } = yield call(apiFn, params);
  if (response) {
    yield put(entity.success({ response, params }));
  } else {
    yield put(entity.failure({ error, params }));
  }
}