Как структурировать нормализованное хранилище Redux при загрузке данных

Я структурирую хранилище редукта, чтобы он включал объект сущности для всех моих реляционных данных, и я хранил вещи, специфичные для страницы или набора маршрутов в отдельных частях состояния. Мое дерево состояний может выглядеть примерно так:

const state = {
  entities: {
    books: {
      ...
    },
    authors: {
      ...
    },
    ...
  },
  booksPage: {
    isLoading: false
  }
} 

Теперь я отслеживаю свое реляционное состояние отдельно от состояния компонентов моего интерфейса. Я бы не рекомендовал пытаться сохранить состояние isLoading в отдельном объекте, поскольку этот объект может существовать или не существовать. Если вам требуется более подробное состояние загрузки/ошибки на основе сущности, а скорее на набор объектов, у вас есть несколько вариантов. Первый вариант - сохранить набор идентификаторов, которые в настоящее время загружаются. Это не очень практичное решение, потому что вы не можете отслеживать успех или неудачу с идентификатором, просто находящимся в наборе или нет.

Следующее лучшее решение состоит в том, чтобы сохранить карту из идентификатора в объект статуса, который включает в себя загрузку отдельного объекта, если он был успешным или если он не смог загрузить и какие были ошибки.

const state = {
  entities: {
    books: {
      ...
    },
    authors: {
      ...
    },
    ...
  },
  booksPage: {
    loading: {
      book1: {
        status: 'FAILED',
        error: 'Network request failed.'
      },
      book2: {
        status: 'SUCCESS',
      },
      book3: {,
        status: 'IN_PROGRESS'
      }
    }
  }
}

Таким образом, я считаю, что разделение вашего реляционного состояния на дочерний объект сущностей, в то время как разделы, относящиеся к конкретным страницам, работают хорошо для меня.