2017/06/13 [Medium] redux-saga factories and decorators

03_fetchSaga.full.js

export const fetchSaga = (entity, api) => function* ({ payload }) {
  try {
    const data = yield call(api, payload)
    yield put(entity.response(data))
  }
  catch(error) {
    // When there's error.response, it's usually response from
    // backend server with status 4xx or 5xx.
    // No response mostly means there's a connection error, because
    // we don't even get anything from server.
    if (!error.response) {
      // connection error
      yield put(networkAction.networkDown())
      yield fork(reloadEntity, entity, payload)
    }
    yield put(entity.response(error))
  }
}

// reload entity once the network is back up
export function* reloadEntity (entity, payload) {
    yield take(networkAction.networkUp)
    yield put(entity.request(payload))
}