Что хранить в состоянии redux?

Question

Я создаю приложение React/Redux среднего размера, и мне стало очень удобно с React - однако Redux все еще немного сложно обернуть вокруг меня.

Я понимаю, что я могу использовать connect() из Redux для подключения любого компонента или контейнера к состоянию Redux. Тем не менее, я не знаю, когда это сделать - это основано на сложности? Сколько реквизитов необходимо будет передать дочерним компонентам?

Каковы факторы, которые я могу использовать, чтобы определить, когда следует использовать connect()?

Редактировать, чтобы дать пример: -----

Например, я хотел бы, чтобы включить область сообщений для пользователей внутри моего приложения, в частности, значок, показывающий количество непрочитанных сообщений. Был бы я просто connect() любым компонентом, где я хотел бы показывать значок?

Answer 1

Вы сохраняете состояние своего приложения в сокращении. Как вы структурируете свое государственное дерево, зависит от вас. Вы можете думать о дереве состояний как о гигантском объекте javascript. С сокращением вы идеально сохраняете как небольшое состояние компонента в своих реактивных компонентах, а вместо этого переместите это в дерево состояний редукции.

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

{ 
    myDropdown: { 
    isOpen: false, 
    options: [ 
     'apple', 
     'orange' 
    ] 
    } 
} 

я считаю, хороший момент, чтобы начать вводить перевождь, когда ваше приложение получает до определенного момента, когда ваши компоненты не являются уже не просто «немой» компонентой, Данные дисплея.

Редактировать: Чтобы ответить на вопрос "когда следует подключать компоненты?". Я боролся с этим сам, но у меня пока нет отличного ответа. Прямо сейчас я обычно подключаю компонент, если я передаю реквизит через многие компоненты предка только для этого компонента. Таким образом, соединение полностью исключает этот шаблонный код.

Answer 2

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

Наличие специфического состояния в магазине, которое имеет значение только для этого компонента, является излишним и бесполезным ИМО.