Совет по структуре Redux

Question

Я создал несколько приложений React Native с Redux и традиционно моделировал свое состояние после views / ui. Я пришел к выводу, что это не лучший способ организовать состояние Redux.

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

Это имеет смысл для данных, которые будут одинаковыми на каждом экране / странице, но что если ваше приложение по-разному использует данные на разных экранах?

Например:

У меня есть список товаров на главном экране и список товаров на экране категории. Оба имеют нумерацию страниц и смотрят на различные подмножества данных о продукте. Я мог бы использовать метод выбора здесь и выбирать только продукты, принадлежащие к определенной категории на экране категории, но как это будет работать с отслеживанием данных разбивки на страницы для каждого из них?

Если я прокручиваю вниз на главном экране и загружаю кучу данных о продукте, а затем переключаюсь на экран категории, у меня уже есть больше загруженных данных.

Любой совет приветствуется, спасибо!

Answer 1

Вам следует нормализовать ваши данные (https://github.com/paularmstrong/normalizr), чтобы вы могли иметь свое состояние приращения, например:

{
   home: [...list_of_id_products],
   category: [...list_of_id_products],
   data: [actual_array_of_objects]
}

тогда вы можете иметь отдельные списки, все связанные с одним и тем же набором данных