perf: disable immutable & serializable checks for redux store in production

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## Not released
 - Refactor on basic JSX & JS stuff [#170](https://github.com/CartoDB/carto-react-template/pull/170)
 - Fix error on supportedBrowsers path [#170](https://github.com/CartoDB/carto-react-template/pull/170)
+- Disable immutable & serializable checks for redux store on production [#190](https://github.com/CartoDB/carto-react-template/pull/190)
 
 ## 1.0.0-beta11 (2021-02-02)
 - Remove datasets section [#175](https://github.com/CartoDB/carto-react-template/pull/175)

template-sample-app/template/src/config/store.js

@@ -71,20 +71,33 @@ const staticReducers = {
   app: appSlice,
 };
 
+function getCustomMiddleware() {
+  const devConfig = {
+    immutableCheck: {
+      ignoredPaths: ['carto.viewportFeatures'],
+    },
+    serializableCheck: {
+      ignoredPaths: ['carto.viewportFeatures'],
+      ignoredActions: ['carto/setViewportFeatures'],
+    },
+  };
+
+  const prodConfig = {
+    immutableCheck: false,
+    serializableCheck: false,
+  };
+
+  const isProductionEnv = process.env.NODE_ENV === 'production';
+
+  return getDefaultMiddleware(isProductionEnv ? prodConfig : devConfig);
+}
+
 // Configure the store
 export default function configureAppStore() {
   const reducerManager = createReducerManager(staticReducers);
   store = configureStore({
     reducer: reducerManager.reduce,
-    middleware: getDefaultMiddleware({
-      immutableCheck: {
-        ignoredPaths: ['carto.viewportFeatures'],
-      },
-      serializableCheck: {
-        ignoredPaths: ['carto.viewportFeatures'],
-        ignoredActions: ['carto/setViewportFeatures'],
-      },
-    }),
+    middleware: getCustomMiddleware(),
   });
 
   store.reducerManager = reducerManager;

template-skeleton/template/src/config/store.js

@@ -1,4 +1,4 @@
-import { combineReducers, configureStore } from '@reduxjs/toolkit';
+import { combineReducers, configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';
 import appSlice from './appSlice';
 
 let store = {};
@@ -71,11 +71,24 @@ const staticReducers = {
   app: appSlice,
 };
 
+function getCustomMiddleware() {
+
+  const prodConfig = {
+    immutableCheck: false,
+    serializableCheck: false,
+  };
+
+  const isProductionEnv = process.env.NODE_ENV === 'production';
+
+  return isProductionEnv ? getDefaultMiddlerware(prodConfig) : getDefaultMiddleware();
+}
+
 // Configure the store
 export default function configureAppStore() {
   const reducerManager = createReducerManager(staticReducers);
   store = configureStore({
     reducer: reducerManager.reduce,
+    middleware: getCustomMiddleware(),
   });
 
   store.reducerManager = reducerManager;