A waaay simpler redux, redux-thunk friendly setup for reducer, state and actions

app.js

import { getReducer, getState } from '../util/redux-util'
//default state
const defaultState = {
	toggle: false
}
//reducer
const type = 'appReducer'
export const appReducer = getReducer(type, defaultState)
export const appState = getState(type)
//actions
export const onToggle = (val) => async (dispatch, getState) => {
	dispatch({ type, toggle: val })
}

redux-util.js

//generic reducer for updating state
export const getReducer = (type, defaultState) => {
	return (state = defaultState, action) => {
		if (action.type !== type) return state
		delete action.type
		return { ...state, ...action }
	}
}
//generic function for returning state based on keys found in defaultState
export const getState = (type) => ({ [type]: { ...state } }) => state