@sheenarbw/redux-drf-sagas/src/djRestAuth/index.js

If you are running Django Rest Framework on your backend then you can use these tools to get your js frontend to play nice with your backend. It's framework agnostic. It doesn't mean you would need to use redux as your main state management tool

import {
  logout,
  login,
  requestPasswordReset,
  performPasswordReset,
  changePassword,
} from "./apiCalls";
import { createReduxApp } from "../appCreator";

function logName(raw) {
  return `API_${raw}`;
}

const LOGOUT = logName("LOGOUT");
const LOGIN = logName("LOGIN");
const REQUEST_PASSWORD_RESET = logName("REQUEST_PASSWORD_RESET");
const PERFORM_PASSWORD_RESET = logName("PERFORM_PASSWORD_RESET");
const CHANGE_PASSWORD = logName("CHANGE_PASSWORD");

export const apiReduxApps = {
  [LOGOUT]: createReduxApp({
    BASE_TYPE: LOGOUT,
    apiCaller: logout,
  }),

  [LOGIN]: createReduxApp({
    BASE_TYPE: LOGIN,
    apiCaller: login,
  }),

  [REQUEST_PASSWORD_RESET]: createReduxApp({
    BASE_TYPE: REQUEST_PASSWORD_RESET,
    apiCaller: requestPasswordReset,
  }),
  [PERFORM_PASSWORD_RESET]: createReduxApp({
    BASE_TYPE: PERFORM_PASSWORD_RESET,
    apiCaller: performPasswordReset,
  }),
  [CHANGE_PASSWORD]: createReduxApp({
    BASE_TYPE: CHANGE_PASSWORD,
    apiCaller: changePassword,
  }),
};

const allReducers = {};

Object.keys(apiReduxApps).forEach((key) => {
  allReducers[key] = apiReduxApps[key].reducer;
});

export const apiReduxReducers = { ...allReducers };

export const apiReduxWatchers = Object.keys(apiReduxApps)
  .map((key) => apiReduxApps[key].sagaWatchers)
  .flat();