Пробрасывание функций из actions через дерево компонентов vs connect функций в компоненте?

Question

[Иван Стеблев]

Интересно узнать как это реализовано у вас на проекте и почему в разрезе React/Redux

Answer 1

[Максим]

Добрый день.

Везде использую connect. Почему? Потому что "пробрасывание через дерево" - не видел в оригинальной документации, а так же вообще не видел. Имеется ввиду использование context?

Мне нравится connect, все устраивает.

В записи для connect (а точнее для mapDispatchToProps) использую или не использую bindActionCreators:

const mapDispatchToProps = (dispatch) => ({
  pollActions: bindActionCreators(PollActions, dispatch),
})

const mapDispatchToProps = (dispatch) => ({
  getUsers: (params) => dispatch(getUsers(params)),
  dispatch,
})

P.S. покажите пример с пробрасыванием функций из actions через дерево компонентов, и если уже что-то интересное для себя в этом подходе выделили - напишите. Будем смотреть вместе.

Comments

[Роман Макаров]

через пропсы имеется в виду

[Максим]

Роман Макаров: ну так они естественно прокидываются через props'ы если используется connect, иначе же быть не может.

[Роман Макаров]

Максим:
"Потому что "пробрасывание через дерево" - не видел в оригинальной документации, а так же вообще не видел. Имеется ввиду использование context?"
пробрасывать через дерево - имеется в виду пробрасывать функции диспетчеры через пропсы, и это вполне нормальная практика

[Максим]

Роман Макаров: я не понимаю, как можно НЕ пробрасывать "функции диспетчеры" через пропсы... Ведь мы при любом раскладе (описанном в моем ответе) имеем дело с функциями, полученными через props. То есть: "и это вполне нормальная практика" - для меня, как я уже указал, это вообще единственная практика =) Другой я не видел, поэтому и спрашивал.
Либо, я не могу понять вашу мысль.

[Роман Макаров]

Максим: диспатчеры(т9 на сафари поменял на диспетчеры). Смысл в том, что иногда проще прокинуть их от родительских компонентов, чем создавать hoc с помощью connect'а на каждый чих

[Максим]

Роман Макаров: я правильно понимаю, мы пытаемся прокинуть dispatch в контейнер, но без функции connect? Проще просто примерчик показать)

[Максим]

Роман Макаров: Уточню, что под контейнером я имею ввиду умный (приконекченный) компонент. В тупые компоненты мы всегда прокидываем функции, которые потом в итоге вызываются в родительском контейнере в виде dispatch(функция).

[Роман Макаров]

Максим: контейнер - это такой компонент, который подключен к стору, т.е. де-факто имеет connect.
Логика такая, через mapDispatchToProps мы связываем action и dispatch и получаем диспатчер в пропсах. А далее дочерним компонентам передаем эту функцию, чтобы они могли вызывать экшены, но не писать столько бойлерплейта с коннектом, и импортами (+hoc всегда хуже по перфомансу, чем его отсутствие). В этом то и суть разделения компонентов на контейнеры и презентативные

[Максим]

Роман Макаров: верно! И я об этом же с самого начала и говорю: ни разу не видел использования НЕ через props. Мы с вами об одном и том же. А топик стартер, имел ввиду возможность прокинуть без props (что можно сделать разве что через context), либо имел ввиду тоже самое что и вы, но я не понял этого сразу.

[Роман Макаров]

Максим: не вижу не одного упоминание о "прокинуть без пропсов"