Реагируйте на Redux, используя множество умных контейнеров и структурирующих компонентов

Question

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

Допустим, у меня есть родительский div и трое дочерних div. Родительский div подключен и имеет все необходимое для поддержки. Некоторые дочерние элементы также имеют некоторую функциональность и необходимые реквизиты.

В принципе, это нормальный / хороший способ приблизиться к вещам? Просто хотел убедиться, что я не делаю этого неправильно или создаю слишком много умных контейнеров - это плохо.

<ConnectedParent>
  <ConnectedChild>
  <ConnectedChild>
  <PresentationalChild>
</ConnectedParent>

Answer 1

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

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