Приветствую, сегодня я собираюсь поговорить с вами о способе организации Reducer'a. И рассказать с чего я начал и к чему пришел.

Итак, есть некий стандарт по организации Reducer и выглядит он следующим образом:

export default function someReducer(state = initialState, action) {
    switch (action.type) {
    case 'SOME_REDUCER_LABEL':
    return action.data || {};
    default:
    return state;
    }
}

Тут все просто и понятно, но немного поработав с такими конструкциями я понял что данный метод имеет ряд сложностей.

• Метки надо как то хранить, потому что они начали расползаться по проекту и уползать далеко за пределы контроллеров.
• Метки надо было делать уникальными, потому что иначе могло быть пересечение с другими reducer'ами
• Большая часть времени при работе с такой структурой тратилась на организацию кода, нежели на обработку входящих данных
• И когда меток в reducer набирается много — код становиться неряшливым и трудно читаемым, ну и общее пространство имен меня откровенно не радовало.

Читать дальше ->

https://habr.com/ru/post/439730/?utm_source=habrahabr&utm_medium=rss&utm_campaign=439730