npm install redux redux-saga react-redux
# hoặc sử dụng yarn
yarn add redux redux-saga react-redux

import { createStore, applyMiddleware } from 'redux';
import createSagaMiddleware from 'redux-saga';
import rootReducer from './reducers';
import rootSaga from './sagas';

// Khởi tạo saga middleware
const sagaMiddleware = createSagaMiddleware();

// Tạo store với middleware saga
const store = createStore(rootReducer, applyMiddleware(sagaMiddleware));

// Chạy saga
sagaMiddleware.run(rootSaga);

export default store;

import { takeEvery, put, call } from 'redux-saga/effects';
import { FETCH_DATA, fetchDataSuccess, fetchDataFailure } from './actions';
import api from './api';

function* fetchDataSaga(action) {
  try {
    const data = yield call(api.getData, action.payload);
    yield put(fetchDataSuccess(data));
  } catch (error) {
    yield put(fetchDataFailure(error.message));
  }
}

function* watchFetchData() {
  yield takeEvery(FETCH_DATA, fetchDataSaga);
}

export default function* rootSaga() {
  yield all([
    watchFetchData(),
    // Các saga khác
  ]);
}

// actions.js
export const FETCH_USERS = 'FETCH_USERS';
export const FETCH_USERS_SUCCESS = 'FETCH_USERS_SUCCESS';
export const FETCH_USERS_FAILURE = 'FETCH_USERS_FAILURE';

export const fetchUsers = () => ({ type: FETCH_USERS });
export const fetchUsersSuccess = users => ({ type: FETCH_USERS_SUCCESS, payload: users });
export const fetchUsersFailure = error => ({ type: FETCH_USERS_FAILURE, payload: error });

// saga.js
import { takeLatest, call, put } from 'redux-saga/effects';
import { FETCH_USERS, fetchUsersSuccess, fetchUsersFailure } from './actions';
import api from './api';

function* fetchUsersSaga() {
  try {
    const users = yield call(api.getUsers);
    yield put(fetchUsersSuccess(users));
  } catch (error) {
    yield put(fetchUsersFailure(error.message));
  }
}

export default function* watchUserSagas() {
  yield takeLatest(FETCH_USERS, fetchUsersSaga);
}