@reduxjs/toolkit#combineReducers TypeScript Examples

reducer = combineReducers({
    renameDialog,
    uploadDialog,
    errorDialog,
    panicDialog,
    convertDialog,
    dumpDialog,
    recordDialog,
    appState,
    main,
})

monitoredSagaReducers: MonitoredSagaReducer = combineReducers(
  Object.keys(monitoredSagas).reduce(
    (acc: { [name: string]: Reducer<SagaState> }, sagaName: string) => {
      acc[sagaName] = monitoredSagas[sagaName].reducer
      return acc
    },
    {}
  )
)

rootReducer = combineReducers({
  system: systemReducer,
  trace: traceReducer,
  logs: logReducer,
  watch: watchReducer,
  console: consoleReducer,
  buckets: bucketsReducer,
  bucketDetails: bucketDetailsReducer,
  objectBrowser: objectBrowserReducer,
  healthInfo: healthInfoReducer,
  dashboard: dashboardReducer,
  // Operator Reducers
  tenants: tenantsReducer,
  createTenant: createTenantReducer,
  addPool: addPoolReducer,
  editPool: editPoolReducer,
})

function configureStore() {
  const createReducer = (injectedReducers = {}) =>
    combineReducers({
      ...injectedReducers,
      nonInjected: (s = {}) => s,
    });

  const enhancers = [injectReducerEnhancer(createReducer)];

  const store = createStore(createReducer(), {}, compose(...enhancers));

  return store;
}

reducers = combineReducers(
    {
      editor: undoable(editorReducer, {
          limit: 10,
          filter: (action: Action) => {
              return filteredActions.includes(action.type);
          },
          groupBy: (action) => filteredActions.includes(action.type) ? `${action.type}_${Math.floor(Date.now() / 1000 / 10)}` : null,
      })
    }
)

rootReducer = combineReducers({
  settings: settingsReducer,
  queues: queuesReducer,
  tasks: tasksReducer,
  groups: groupsReducer,
  servers: serversReducer,
  schedulerEntries: schedulerEntriesReducer,
  snackbar: snackbarReducer,
  queueStats: queueStatsReducer,
  redis: redisInfoReducer,
  metrics: metricsReducer,
})

rootReducer = combineReducers({
  theme: themeReducer,
  onboarding: onboardingReducer,
  linking: linkingReducer,
  manualSleep: manualSleepReducer,
  calendar: calendarReducer,
  subscription: subscriptionReducer,
  modal: modalReducer,
  auth: authReducer,
  source: sourceReducer,
  nights: nightsReducer,
  sleep: sleepReducer,
  fitbit: fitbitReducer,
  oura: ouraReducer,
  withings: withingsReducer,
  healthKit: healthKitReducer,
  polar: polarReducer
})

/**
 * Merges the main reducer with the router state and dynamically injected reducers
 */
export function createReducer(injectedReducers: InjectedReducersType = {}) {
  // Initially we don't have any injectedReducers, so returning identity function to avoid the error
  if (Object.keys(injectedReducers).length === 0) {
    return state => state;
  }
  return combineReducers({
    ...injectedReducers,
  });
}

rootReducer = combineReducers({
  list: listReducer,
  title: titleReducer,
  randomizer: randomizerReducer,
  person: personReducer,
  user: userReducer,
  myList: myListReducer,
  search: searchReducer,
})

export function createReducer() {
  const rootReducer = combineReducers({
    account: accountReducer,
    createWallet: createWalletReducer,
    fatalError: fatalErrorReducer,
    ledger: ledgerReducer,
    network: networkReducer,
    openWallet: openWalletReducer,
    staking: stakingReducer,
    theme: themeReducer,
    transaction: transactionReducer,
    wallet: walletReducer,
  })

  return rootReducer
}

getTemplatingAndLocationRootReducer = () =>
  combineReducers({
    templating: combineReducers({
      optionsPicker: optionsPickerReducer,
      editor: variableEditorReducer,
      variables: variablesReducer,
    }),
    location: locationReducer,
  })

rootReducer = combineReducers({
  wallet: persistedWalletReducer,
  balances: persistedBalancesReducer,
  contacts: persistedContactsReducer,
  feed: feedReducer,
  exchange: exchangeReducer,
  lock: lockReducer,
  fees: feeReducer,
  tokens: persistedTokensReducer,
  tokenPrice: persistedTokenPriceReducer,
  validators: persistedValidatorsReducer,
  governance: governanceReducer,
  nft: persistedNftReducer,
  settings: persistedSettingsReducer,
  walletConnect: walletConnectReducer,
  txFlow: txFlowReducer,
  saga: monitoredSagaReducers,
})

store = configureStore({
  reducer: combineReducers({
    app: appSlice.reducer,
    device: deviceSlice.reducer,
    events: eventsSlice.reducer,
    settings: settingsSlice.reducer,
    user: userSlice.reducer,
  }),
})

rootReducer = combineReducers({
  user: user.reducer,
  template: template.reducer,
  templateList: templateList.reducer,
  extraBlocks: extraBlocks.reducer,
  toast: toast.reducer,
  email: email.reducer,
  loading: loading.reducer,
})

rootReducer = combineReducers({
  bids,
  user,
  host,
  modal,
  options,
  interval,
  contacts,
  accounts,
  currencies,
  transaction,
  assetImages,
})

reducer = combineReducers({
  mapState: mapStateReduce,
  serverState: serverStateReduce,
  tableState: tableStateReduce,
  tooltipState: tooltipStateReduce,
  analysisResultState: analysisResultStateReduce,
  notificationState: notificationStateReduce,
  mapSelectionLayerStateSlice: mapSelectionLayerStateReduce,
  datasetState: datasetResultStateReduce,
})

bankReducers = combineReducers({
  [ACCOUNTS]: bankAccountsReducer,
  [BANK_TRANSACTIONS]: bankBankTransactionsReducer,
  [BANKS]: bankBanksReducer,
  [BLOCKS]: bankBlocksReducer,
  [CONFIGS]: bankConfigsReducer,
  [CONFIRMATION_BLOCKS]: bankConfirmationBlocksReducer,
  [INVALID_BLOCKS]: bankInvalidBlocksReducer,
  [VALIDATOR_CONFIRMATION_SERVICES]: bankValidatorConfirmationServicesReducer,
  [VALIDATORS]: bankValidatorsReducer,
})

/**
 * Merges the main reducer with the router state and dynamically injected reducers
 */
export function createReducer(injectedReducers: InjectedReducersType = {}) {
  // Initially we don't have any injectedReducers, so returning identity function to avoid the error
  if (Object.keys(injectedReducers).length === 0) {
    return state => state;
  } else {
    return combineReducers({
      ...injectedReducers,
    });
  }
}

rootReducer = combineReducers({
  auth: authReducer,
  profile: profileReducer,
  toast: toastReducer,
  board: boardReducer,
  column: columnReducer,
  task: taskReducer,
  comment: commentReducer,
  member: memberReducer,
  label: labelReducer,
  responsive: responsiveReducer,
})

reducers = combineReducers({
  price,
  vault,
})

editBoardReducer = combineReducers({
  stack: editBoardStackReducer,
  boardInfo: editDashBoardInfoSlice.reducer,
  widgetInfoRecord: widgetInfoRecordSlice.reducer,
  widgetDataMap: editWidgetDataSlice.reducer,
})

rootReducer = combineReducers({
  cachedPokemons: cachedPokemonsReducer,
  pokemons: pokemonsReducer,
  species: speciesReducer,
  evolutionChain: evolutionChainReducer,
})

reducers = combineReducers({
  user: userReducer,
  waifus: waifusReducer,
  globals: globalsReducer,
})

getTemplatingRootReducer = () =>
  combineReducers({
    templating: combineReducers({
      optionsPicker: optionsPickerReducer,
      editor: variableEditorReducer,
      variables: variablesReducer,
    }),
  })

appReducers = combineReducers({
  managedAccounts: managedAccountsReducer,
  managedBanks: managedBanksReducer,
  managedFriends: managedFriendsReducer,
  managedValidators: managedValidatorsReducer,
})

socketReducers = combineReducers({
  clean: cleanSocketsReducer,
  crawl: crawlSocketsReducer,
})

validatorReducers = combineReducers({
  [ACCOUNTS]: validatorAccountsReducer,
  [BANKS]: validatorBanksReducer,
  [CONFIGS]: validatorConfigsReducer,
  [VALIDATORS]: validatorValidatorsReducer,
})

rootReducer = combineReducers({
  background: backgroundReducer,
})

rootReducer = combineReducers({
  counter: counterReducer,
})