Automatic generation of RootState types

store/configureStore.development.ts

@@ -1,13 +1,12 @@
 import { applyMiddleware, createStore } from "redux"
 import { composeWithDevTools } from "redux-devtools-extension"
 import createSagaMiddleware from "redux-saga"
-import { combinedReducers } from "./reducers"
+import { combinedReducers, RootState } from "./reducers"
 import { rootSaga } from "./sagas"
-import { IInitialState } from "./states"
 
 const sagaMiddleware = createSagaMiddleware()
 
-export function configureStore(initialState?: IInitialState) {
+export function configureStore(initialState?: RootState) {
   const store = createStore(
     combinedReducers,
     initialState,

store/configureStore.production.ts

@@ -1,12 +1,11 @@
 import { applyMiddleware, createStore } from "redux"
 import createSagaMiddleware from "redux-saga"
-import { combinedReducers } from "./reducers"
+import { combinedReducers, RootState } from "./reducers"
 import { rootSaga } from "./sagas"
-import { IInitialState } from "./states"
 
 const sagaMiddleware = createSagaMiddleware()
 
-export function configureStore(initialState?: IInitialState) {
+export function configureStore(initialState?: RootState) {
   const store = createStore(
     combinedReducers,
     initialState,

store/configureStore.ts

@@ -1,5 +1,5 @@
 import { Env } from "../constants"
-import { IInitialState } from "../store/states"
+import { RootState } from "./reducers"
 
 const configureStoreComponent = (() => {
   if (Env.NODE_ENV === "production") {
@@ -8,5 +8,5 @@ const configureStoreComponent = (() => {
   return require("./configureStore.development")
 })()
 
-export const configureStore = (initialState?: IInitialState) =>
+export const configureStore = (initialState?: RootState) =>
   configureStoreComponent.configureStore(initialState)

store/counter/selectors.ts

@@ -1,3 +1,3 @@
-import { IInitialState } from "../states"
+import { RootState } from "../reducers"
 
-export const countSelector = (state: IInitialState) => state.counter.count
+export const countSelector = (state: RootState) => state.counter.count

store/page/selectors.ts

@@ -1,4 +1,4 @@
-import { IInitialState } from "../states"
+import { RootState } from "../reducers"
 
-export const selectedPageSelector = (state: IInitialState) =>
+export const selectedPageSelector = (state: RootState) =>
   state.page.selectedPage

store/reducers.ts

@@ -5,11 +5,12 @@ import {
   reduxSagaDebounceReducer,
   reduxSagaThrottleReducer,
 } from "./redux-saga/reducers"
-import { IInitialState } from "./states"
 
-export const combinedReducers = combineReducers<IInitialState>({
+export const combinedReducers = combineReducers({
   counter: countReducer,
   page: pageReducer,
   reduxSagaDebounce: reduxSagaDebounceReducer,
   reduxSagaThrottle: reduxSagaThrottleReducer,
 })
+
+export type RootState = ReturnType<typeof combinedReducers>

store/redux-saga/selectors.ts

@@ -1,10 +1,8 @@
-import { IInitialState } from "../states"
+import { RootState } from "../reducers"
 import { IReduxSagaState } from "./states"
 
-export const reduxSagaDebounceSelector = (
-  state: IInitialState
-): IReduxSagaState => state.reduxSagaDebounce
+export const reduxSagaDebounceSelector = (state: RootState): IReduxSagaState =>
+  state.reduxSagaDebounce
 
-export const reduxSagaThrottleSelector = (
-  state: IInitialState
-): IReduxSagaState => state.reduxSagaThrottle
+export const reduxSagaThrottleSelector = (state: RootState): IReduxSagaState =>
+  state.reduxSagaThrottle