How To Create Slice & Thunk ?

This example is created with new module's Slice & Thunk creation.

1. Create a folder named with your module in Components/slices folder and then create reducer.ts & thunk.ts files and follow the pattern of other modules added in this template.
2. Add your reducer name in the reducer.ts file. E.g.

   const teamslice = createSlice({
       name: 'Team',
       initialState,
       reducers: {},
       builder.addCase(getTeam.fulfilled, (state: any, action: any) => {
         state.team = action.payload;
       });
       builder.addCase(getTeam.rejected, (state: any, action: any) => {
         state.error = action.payload.error || null;
     });
   });
   
   export default teamslice.reducer;
   

3. Add Thunk file. E.g.

   import { createAsyncThunk } from "@reduxjs/toolkit";  
   //Include Both Helper File with needed methods
   import {getTeam as getTeamApi } from "../../helpers/fakebackend_helper";
     
   export const getTeam = createAsyncThunk("team/getTeams", async () => {
     try {
         const response = getTeamApi();
         return response;
     } catch (error) {
         return error;
     }
   });

Store Reducers - Components Version

• Layout :

  This store modules is made for layout's reducers, it handles theme customizer's values. You can find reducer & thunk files in Components/slices/layouts folder.

Store Reducers - Admin Version

• Layout :

  This store modules is made for layout's reducers, it handles theme customizer's values. You can find reducer & thunk files in Components/slices/layouts folder.

• Authentication :

  This store modules handles app authentication. You can find reducer & thunk files in Components/slices/auth folder.

• Calendar :

  This store modules handles app Calendar's functionalities. You can find reducer & thunk files in Components/slices/calendar folder.

• Contacts :

  This store modules handles app Contact module's functionalities. You can find reducer & thunk files in Components/slices/contact folder.

• API Key :

  This store modules handles app Apikey's functionalities. You can find reducer & thunk files in Components/slices/apiKey folder.

• Team :

  This store modules handles app team's functionalities. You can find reducer & thunk files in Components/slices/team folder.

• Dashboard :

  This store modules handles app Dashboard's functionalities. You can find reducer & thunk files in Components/slices/dashboard folder.