store.ejs

import { createStore, applyMiddleware, compose, combineReducers } from 'redux';
import Reactotron from 'reactotron-react-native';
import thunk from 'redux-thunk';
import { fetchMiddleware, configureMergeState } from 'redux-recompose';
import AsyncStorage from '@react-native-async-storage/async-storage';
import { persistReducer } from 'redux-persist';
import {
  seamlessImmutableReconciler,
  seamlessImmutableTransformCreator
} from 'redux-persist-seamless-immutable';
import { ImmutableObject } from 'seamless-immutable';
import { State } from '@interfaces/reduxInterfaces';

import auth from './auth/reducer';
<%_ if(features.firebaseanalytics) { _%>
import AnalyticsMiddleware from './middlewares/analyticsMiddleware';
<%_ } _%>

const transformerConfig = {
  whitelistPerReducer: {
  <%_ if(features.loginandsignup || features.onboarding) { _%>
    auth: [
    <%_ if(features.loginandsignup && features.onboarding) { _%>
      'currentUser', 'hasAccessOnBoarding'
    <%_ } else { _%>
      <%_ if(features.loginandsignup) { _%>
        'currentUser'
      <%_ } else { _%>
        'hasAccessOnBoarding'
      <%_ } _%>
    <%_ } _%>
    ]
  <%_ } else { _%>
    // TODO: Complete with reducers, for example
    // auth: ['currentUser']
  <%_ } _%>
  }
};

const persistConfig = {
  key: 'root',
  storage: AsyncStorage,
<%_ if(features.loginandsignup || features.onboarding) { _%>
  whitelist: ['auth'],
<%_ } else { _%>
  // TODO: Complete with reducers, for example
  // whitelist: ['auth']
  whitelist: [],
<%_ } _%>
  stateReconciler: seamlessImmutableReconciler,
  transforms: [seamlessImmutableTransformCreator(transformerConfig)]
};

configureMergeState((state: ImmutableObject<State>, diff: State) => state.merge(diff));

const reducers = combineReducers({
  auth
});

const persistedReducer = persistReducer(persistConfig, reducers);

const middlewares = [];
const enhancers = [];

/* ------------- Thunk Middleware ------------- */
middlewares.push(thunk);

/* ------------- Redux-Recompose Middleware ------------- */
middlewares.push(fetchMiddleware);

<%_ if(features.firebaseanalytics) { _%>
/* ------------- Analytics Middleware ------------- */
middlewares.push(AnalyticsMiddleware);

<%_ } _%>
/* ------------- Assemble Middleware ------------- */
enhancers.push(applyMiddleware(...middlewares));

if (__DEV__ && Reactotron.createEnhancer) enhancers.push(Reactotron.createEnhancer(true));

// In DEV mode, we'll create the store through Reactotron
const store = createStore(persistedReducer, compose(...enhancers));

if (__DEV__ && Reactotron.setReduxStore) Reactotron.setReduxStore(store);

export default store;