Generate functions that are based on a similar structure by name - e.g. set redux state of UI components

genfunc.js

//example functions to set redux state of UI components
const {setDrawerState, setDialogState, setPopoverState} = ['Drawer', 'Dialog', 'Popover'].map((name) => ({
  ['set' + name + 'State']: (state) => async (dispatch, getState) => {
    const stateName = name.toLowerCase() + 'State'
    const currentState = getState().appReducer[stateName]
    dispatch({ type: 'UPDATE_UI_STATE', [stateName]: { ...currentState, ...state } })
  }
})).reduce((a, c) => ({...a, ...c}))
export { setDrawerState, setDialogState, setPopoverState }