How can the High Order Reducer be improved?

Question

JavaScript

Good afternoon! Can you please tell me how this High Order Reducer can be improved ?

const funcReducer = (type, initState, name, payload) =>
  (state = initState, action = {}) => {
    switch (action.type) {
      case type[0]:
        return {
          [name]: {
            ...state[name],
            data: payload ? action.payload[payload] : state[name].data,
          },
        };
      case type[1]:
        return {
          [name]: {
            ...state[name],
            isOpen: true,
            data: !action.payload ? state[name].data : action.payload[payload],
          },
        };
      case type[2]:
        return {
          [name]: {
            ...state[name],
            isOpen: false,
            error: '',
          },
        };
      case type[3]:
        return {
          [name]: {
            ...state[name],
            isLoading: true,
            error: '',
          },
        };
      default:
        return state;
    }
  };
export default funcReducer ;

const types = [
  '',
  'OPEN_MODAL',
  'CLOSE_MODAL',
  'DELETE_REQUEST',
];

export const deleteItemReducer = funcReducer(types, initialState, 'delete', 'item');

The problem is that, for example

data: !action.payload ? state[name].data : action.payload[payload]

is not needed everywhere.
I would be grateful for any help!

Answer 1

In my practice, such things only confuse the code. If you ask me, as they say, I would write it for several reducers myself. Easier to read, easier to maintain.
I believe that code should be written for people, not for a machine.

Answer 2

It all depends on what you wanted to achieve with this code.