redux-saga-example.js

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

// Action creator function
function fetchArticles(params) {
 return { type: FETCH_ARTICLES, params };
}

// Sagas
function* fetchArticlesSaga() { 
  yield takeLatest(FETCH_ARTICLES, triggerFetchArticles); 
}
function* triggerFetchArticles({ params }) { 
  yield put({ type: FETCH_ARTICLES_START }); 
  try {
    const response = yield call(
      ArticlesService.getArticles, 
      params
    );
    yield put({ 
      type: FETCH_ARTICLES_SUCCESS, 
      data: response.data
    });
  } catch (error) {
    yield put({ type: FETCH_ARTICLES_FAILURE, message: error });
  }
} 

// Configuration
const sagaMiddleware = createSagaMiddleware();
const store = createStore(
  reducer,
  applyMiddleware(sagaMiddleware)
);
sagaMiddleware.run(fetchArticlesSaga);

// Actual usage
dispatch(fetchArticles(params));