redux-toolkit alternative

package.json

@@ -12,6 +12,7 @@
     "@fontsource/roboto": "^5.0.13",
     "@mui/icons-material": "^5.15.17",
     "@mui/material": "^5.15.17",
+    "@reduxjs/toolkit": "^2.2.5",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",

src/store/root-reducer.toolkit.js

@@ -0,0 +1,10 @@
+import { combineReducers } from "@reduxjs/toolkit";
+
+import { userReducer } from "./shared/user/user.reducer.toolkit";
+import { nutritionTrackerReducer } from "./signed-out/nutrition-tracker/nutrition-tracker.reducer.toolkit";
+
+export const rootReducer = combineReducers({
+  user: userReducer,
+
+  nutritionTracker: nutritionTrackerReducer
+})

src/store/shared/user/user.reducer.toolkit.js

@@ -0,0 +1,19 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+const INITIAL_STATE = {
+  currentUser: null
+}
+
+export const userSlice = createSlice({
+  name: "user",
+  initialState: INITIAL_STATE,
+  reducers: {
+    setCurrentUser(state, action) {
+      state.currentUser = action.payload
+    }
+  }
+})
+
+export const { setCurrentUser } = userSlice.actions
+
+export const userReducer = userSlice.reducer

src/store/signed-out/nutrition-tracker/nutrition-tracker.reducer.toolkit.js

@@ -0,0 +1,41 @@
+import { createSlice } from "@reduxjs/toolkit";
+
+export const NUTRITION_TRACKER_INITIAL_STATE = {
+  nutritionTrackedDays: [],
+  formInputMicronutrients: [],
+  filterConditions: null,
+  nutritionTrackedDaysView: [],
+  dayTrackedSearchResult: undefined,
+  nutritionTrackedDaysSummary: {}
+}
+
+export const nutritionTrackerSlice = createSlice({
+  name: "nutritionTracker",
+  initialState: NUTRITION_TRACKER_INITIAL_STATE,
+  reducers: {
+    setNutritionTrackedDays(state, action) {
+      state.nutritionTrackedDays = action.payload
+    },
+    setFormInputMicronutrients(state, action) {
+      state.formInputMicronutrients = action.payload
+    },
+    setFilterConditions(state, action) {
+      state.filterConditions = action.payload
+    },
+    setNutritionTrackedDaysView(state, action) {
+      state.nutritionTrackedDaysView = action.payload
+    },
+    setDayTrackedSearchResult(state, action) {
+      state.dayTrackedSearchResult = action.payload
+    },
+    setNutritionTrackedDaysSummary(state, action) {
+      state.nutritionTrackedDaysSummary = action.payload
+    }
+  }
+})
+
+export const { setNutritionTrackedDays, setFormInputMicronutrients, setFilterConditions,
+  setNutritionTrackedDaysView, setDayTrackedSearchResult, setNutritionTrackedDaysSummary
+} = nutritionTrackerSlice.actions
+
+export const nutritionTrackerReducer = nutritionTrackerSlice.reducer

src/store/store.toolkit.js

@@ -0,0 +1,14 @@
+import { configureStore } from "@reduxjs/toolkit";
+import logger from "redux-logger";
+import rootReducer from "./root-reducer.toolkit"
+
+const middleWares = [
+  process.env.NODE_ENV === "development" && logger
+].filter(Boolean)
+
+export const store = configureStore({
+  reducer: rootReducer,
+  middleware: (getDefaultMiddleware) => getDefaultMiddleware({
+    serializableCheck: false
+  }).concat(middleWares)
+})