حول redux saga

ال Redux-saga هي مجرد برمجية وسيطة (middleware) تتعامل مع المنطق غير المتزامن بشكل أفضل. إذا كان لديك تطبيق واسع النطاق ، يُفضل redux-saga على  redux-saga  . redux-thunk  يجعل ال testing أسهل.

لذلك ال redux saga ليس مثل redux toolkit إنما هي مجرد redux toolkit ويمكنك استخدامها مع redux toolkit في النفس المشروع كالتالي

قم بإضافتها أولاً

import { all } from "redux-saga/effects";
import { firstSaga } from "./firstSaga";

export default function* rootSaga() {
  yield all([...firstSaga]);
}

ثم يمكنك استخدام ال redux saga كالتالي

import { configureStore } from "@reduxjs/toolkit";
import createSagaMiddleware from "redux-saga";
import rootSaga from "./rootSaga";
const sagaMiddleware = createSagaMiddleware();

const store = configureStore({
  reducer: {
    movie: MovieReducer,
  },
  middleware: (getDefaultMiddleware) =>
    // adding the saga middleware here
    getDefaultMiddleware().concat(sagaMiddleware),
});

sagaMiddleware.run(rootSaga);

export default store;