calling-saga.js

import {
  call,
  put,
  take,
  takeLatest,
  race,
  select
} from 'redux-saga/effects';

import {
  getContainer,
  removeContainer
} from "../utils/global-container";
import api from './api';
import actions from '../actions'

const {
  start, cancel, succeed, fail
} = actions;

function* fetchSomeThing() {
  const container = getContainer('callingContainer');
  if (container && container.name === 'callingContainer') {
      container.setState(()=>({
        loading: true,
        result: ''
      }))
  }
  try {
    yield call(api);
    yield put(succeed());
    if (container) {
      container.setState({
        loading: false,
        result: 'success'
      })
    }
  } catch (error) {
    yield put(fail());
    if (container) {
      container.setState({
        loading: false,
        result: 'fail',
        error
      })
    }
  } finally {
    removeContainer('callingContainer')
  }
}


const fetchSomeThingSaga = function* () {
  yield takeLatest([start], function* (...args) {
    yield race({
      task: call(fetchSomeThing, ...args),
      cancel: take(cancel)
    });
  });
};

export default fetchSomeThingSaga;