подскажите, в чем разница, если прокивать диспач через коннект в пропсы или юзать чистый диспач?

Реющабельность компонентов

Они ничего не будут знать про редакс

Они ничего не будут знать про редакс

нет же, через коннект только state прокидывать, без диспача

ааа, он же все равно в пропсах будет)

Привет

Привет! Ищем разработчика в команду на мобильный проект https://iq-duel.ru Написан на реакте, билдим через кардову.

Братья по фронту

подскажите, в чем разница, если прокивать диспач через коннект в пропсы или юзать чистый диспач?

И то и другое шлак

Юзай bindActionsToDispatch

Из реакт редакс

Как то так вроде

Юзай bindActionsToDispatch

таже хрень

Почему

Норм же

а зачем? есть ты делаешь коннект чтоб подписаться на редакс, тебе все равно в пропсы он сует dispatch, можно им воспользоваться

Ну хз

У каждого своя методика

вот это я и хотел узнать, если какие-то плюсы использования того или иного подхода, или это только религиозный выбор?

Типа того

а зачем? есть ты делаешь коннект чтоб подписаться на редакс, тебе все равно в пропсы он сует dispatch, можно им воспользоваться

Так вообще не желательно делать, у тебя в компоненты может, что угодно быть и быстро поправить не сможешь.

Главное чтобы работало

Вы какой роутер юзаете?

Дом?

Так вообще не желательно делать, у тебя в компоненты может, что угодно быть и быстро поправить не сможешь.

как? он все равно засунет тебе в пропсы диспатч, это не избежно

Я кароче сделал такую хуйею

Вынес объект истории в отдельный файл

И юзаю через редакс

как? он все равно засунет тебе в пропсы диспатч, это не избежно

И что? В доке написано, как нужно передавать экшены.

коннект прокидывает диспатч в компонент только в том случае, если не передан второй аргумент(mapDispatchToProps)

Юзай bindActionsToDispatch

ну воообще удобно что у тебя все экшены в одной переменной

Слушайте, flow и react-redux вместе как-нибудь дружат? Хотелось бы иметь тип состояния, чтобы в диспаче использовать.

Всм

export default connect(mapStateToProps, { actionCreator1, actionCreator2, actionCreator3 })(App) вот самая удобная запись, mapDispatchToProps вообще писать не нужно, импотришь экшен-криэторы и сразу в коннект их прокидываешь

Я же сказал

У каждого свое

Главное чтобы работало

Слушайте, flow и react-redux вместе как-нибудь дружат? Хотелось бы иметь тип состояния, чтобы в диспаче использовать.

Flow это че вообще

Я забыл походу

Flow это че вообще

Статический анализатор типов.

Проще ts тогда юзать

Проще ts тогда юзать

лол

Кстати ts с реактом тоже тема

тс хуже

фейсбук приложение не на реакт-нейтиве?

Только Facebook groups

Это тоже самое что гугл не на ангуляре

Кто нибудь юзает ssr?

Я

В чем плюсы

А как ты к нему обработчики и состояние прикоучиваешь?

Типа изоморфное?

Просто говорят что реакт роутер нормально индексируется

Или можно сделать что компонент сначала на сервере потом на клиенте рендерится

export default connect(mapStateToProps, { actionCreator1, actionCreator2, actionCreator3 })(App) вот самая удобная запись, mapDispatchToProps вообще писать не нужно, импотришь экшен-криэторы и сразу в коннект их прокидываешь

+

Я заюзал бойлерплейт

В чем плюсы

Seo

Типа изоморфное?

Ага

Просто говорят что реакт роутер нормально индексируется

тс хуже

Почему?

Гугл всё четко индексирует

Но кроме Гугла есть ещё

Дак при ssr же при клике на ссылку страница перезагружается

А если только клиент то там все без перезагрузки

Или я че то путаб

Просто я юзаю реакт именно для spa

ERROR: S client not available

Без перезагоузки

Дак при ssr же при клике на ссылку страница перезагружается

Нет

Или это только при первой загрузке

Ssr

А потом уже снова клиент?

Да

Скинь бп

Который юзаешь

react-starter-kit

А

Ну знаю

Норм тема

Давайте че нибудь замутим

Замути)

export default connect(mapStateToProps, { actionCreator1, actionCreator2, actionCreator3 })(App) вот самая удобная запись, mapDispatchToProps вообще писать не нужно, импотришь экшен-криэторы и сразу в коннект их прокидываешь

стоп, нафига все в пропсы кидать, если можно сделать так: import { ADD, UPDATE, REMOVE } from '../../actions' YourComponent { this.props.dispatch( ADD({ title, description, id }) ) // и т.д. }

стоп, нафига все в пропсы кидать, если можно сделать так: import { ADD, UPDATE, REMOVE } from '../../actions' YourComponent { this.props.dispatch( ADD({ title, description, id }) ) // и т.д. }

чтобы тысячу раз не писать this.props.dispatch

а просто по имени экшена

а если thunk нужно заюзать?

Юзай

Кто мешает-то?

а если thunk нужно заюзать?

с компонента?

Когда экшены прокидываются через mapDispatch, компонент потом проще тестировать

В разы

Когда экшены прокидываются через mapDispatch, компонент потом проще тестировать

спасибо, это и хотел узнать, есть ли какие-то плюсы тех или иных подходов использования диспача в компоненте

Это только один из плюсов mapDispatch позволяет комбинировать экшены в один вызов, например

или делать некую логику, основанную на ownProps или состоянии стора

Какой-нибудь условный пример можно привести, скажем, экшн загрузки поста loadPost(id) Чтобы вызвать его непосредственно в компоненте, компонент должен и про экшн знать, и про айди

А через mapDispatch можно эту лишнюю инфу от компонента спрятать, и пусть он вызывает только, условно, loadContent какой-нибудь

Есть ли плагин на реакт twemoji?

Для текстового поля?

Типа пикер