Какие компоненты соединить с реагирующим

Question

Я новичок, чтобы реагировать, и я пытаюсь узнать о редуксе.

У меня есть простое демо-приложение, в которое пользователь должен войти. После входа в систему он может видеть список фильмов, может щелкнуть один фильм, чтобы увидеть детали, комментарии, актеров и т. Д., А также может добавить фильм в корзину. Это простое приложение с несколькими компонентами.

Какие компоненты я должен подключить к Redux? Я видел, как люди связывают каждый отдельный компомент (в моем примере это означало бы, что я должен написать действия, сокращения и т. Д. Для компонента, который выбирает список комментариев к фильмам и актеров), но мне это кажется неправильным ... Как я это вижу, я пользовательские данные и фильмы добавлены в корзину в качестве глобальных данных, и только компоненты, которым необходимы эти данные, должны быть подключены к Redux?

Я не прав? Должен ли я все соединить с Redux?

Спасибо

Answer 1

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

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

Например, если вы пишете блог и делитесь фотографией своего пользователя между несколькими компонентами - пусть вашМагазин Redux содержит его.Но если вы загружаете и отображаете свое пользовательское резюме только в одном компоненте, сохраните его в состоянии этого компонента и загрузите его с помощью вызова fetch() в componentDidMount().

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

Answer 2

Подключайте только те компоненты, которым нужны данные из хранилища.

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