Redux toolkit Part 3

How to configure redux store with saga using redux toolkit

1. install saga

npm install redux-saga or yarn

2.configure saga

3.configure store

import AsyncStorage from ‘@react-native-async-storage/async-storage’;

import rootReducers from ‘app/store/slice’;

import { configureStore } from ‘@reduxjs/toolkit’;

import React from ‘react’

import { Provider, useSelector } from ‘react-redux’;

import { PersistGate } from ‘redux-persist/es/integration/react’;

import {ActivityIndicator, View} from ‘react-native’

const config = {

key: ‘root’,

storage: AsyncStorage,

blacklist: [‘loading’],

debug: true, //to get useful logging


import { persistStore, persistReducer } from ‘redux-persist’;

import sagas from ‘app/store/sagas’;

import createSagaMiddleware from ‘redux-saga’;

const middleware = [];

const sagaMiddleware = createSagaMiddleware();


const reducers = persistReducer(config, rootReducers);

const enhancers = […middleware];

const persistConfig: any = { enhancers };

export const store = configureStore({

reducer: reducers,

middleware: enhancers,


export const persistor = persistStore(store, persistConfig);

export default function index() {

return (

<Provider store={store}>

<PersistGate loading={<ActivityIndicator />} persistor={persistor}>

<View >





} here for configure store from scratch using redux toolkit here for configure persist store using redux toolkit here for configure middleware using redux toolkit here for configure redux-logger using redux toolkit



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ahtisham Shahzad

Ahtisham Shahzad

Software Engineer (React/React Native Developer)