Redux Saga Example with Worker and Watcher

fetchData.js

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

/*
const EXAMPLE_DISPATCHED_ACTION = {
  type: 'FETCH_REQUESTED',
  payload: { url: 'https://api.github.com' }
}
*/

// Watcher
export function* watchFetchData() {
  yield takeLatest('FETCH_REQUESTED', fetchData);
}

// Worker
function* fetchData(action) {
   try {
      const data = yield call(fetch, action.payload.url);
      yield put({type: 'FETCH_SUCCEEDED', data});
   } catch (error) {
      yield put({type: 'FETCH_FAILED', error});
   }
}

rootSaga.js

import { all, call } from 'redux-saga/effects'
import { watchFetchData } from './fetchData'

export default function* rootSaga() {
  yield all([
    call(watchFetchData),
  ]);
}