Добрый вечер. Друзья, помогите плз целый день мучають, можете ссылкой кинуть. Проблема: Необходимо в приложении, лучше в одном месте ловить все эвенты и на каждый эвент стрелять action для различных компонент. что я делаю. я создаю компоненту EventListener, передаю в нее через props все action от всех компонент. EventListener получился примерно таким class EventsSSE extends React.Component { constructor(props) { super(props); } componentDidMount() { this.source = new EventSource('/sse_subscribe'); const { logsActions } = this.props this.source.addEventListener('addLog', function(e) { logsActions.addLog(JSON.parse(e.data)) }); } componentWillUnmount() { console.log('componentWillUnmount EventsSSE') this.source.close(); } } Но тут начинаются чудеса, сам action - addLog отрабатывает, но вот reducer не вызывается... Подскажите куда копать, что делать. Может я архитектурно не верно подошел к вопросу?

this.props.Store.myPage.avatar.SubscribeForPictureUpdate(this.setState({Avatar:this.props.Store.myPage.avatar})); ... export default connect( (state, ownProps) => ({ Store: state, ownProps }), subscribe => ({ SubscribeForPictureUpdate:(review)=>{ subscribe(review); }}) )(MyMenu); Нужно при изменении в сторе поля avatar выполнить this.setState({Avatar:this.props.Store.myPage.avatar} или какую либо функцию Ясное дело, что не работает, как реализовать подобную логику

this.props.Store.myPage.avatar.SubscribeForPictureUpdate(this.setState({Avatar:this.props.Store.myPage.avatar})); ... export default connect( (state, ownProps) => ({ Store: state, ownProps }), subscribe => ({ SubscribeForPictureUpdate:(review)=>{ subscribe(review); }}) )(MyMenu); Нужно при изменении в сторе поля avatar выполнить this.setState({Avatar:this.props.Store.myPage.avatar} или какую либо функцию Ясное дело, что не работает, как реализовать подобную логику

Зачем ты так используешь connect? Это же пиздец

combot.org/chat/-1001032883247

Зачем ты так используешь connect? Это же пиздец

Это дочерний компонент

Стор я объявил раньше

Зачем весь стор прокидывать?

Прокинь только то, что нужно, тебе для того дали селекторы

Чет орнул ?

Может сразу window.store.getState()

Может сразу window.store.getState()

ворн

шутники ебать

Прокинь только то, что нужно, тебе для того дали селекторы

react-redux это селекторы? или еще что-то надо?

react-redux это селекторы? или еще что-то надо?

Ничего не нужно

mapStateToProps

Это функция-селектор

Ну, я так думал

Поправьте, если не так

мне кажется что он не чекает апдейты

Я не смотрел на проблему, просто приебался

аа, значит нужен еще reselect

почему мемоизированные селекторы перестают работать когда есть несколько инстансов использующих их компонентов?

да, все так

mapStateToProps

Это функция-селектор

Ну, я так думал

Поправьте, если не так

мне кажется что он не чекает апдейты

Он делает настолько много всего, что офигеть можно)

Он делает настолько много всего, что офигеть можно)

Но ведь не мемоизирует?

То есть при апдейте стейта он новую ссылку даст

Тогда бы реселект был бы не нужен

То есть при апдейте стейта он новую ссылку даст

Предварительно проверит через shallow compare что что-либо поменялось

Да и вообще предоставляет способ самому определять как это проверять, емнип

не пробовали выкинуть Link из R4 и при клике (где должен быть линк) диспатчить экшен например NAVIGATE_TO_DASHBOARD, на который в thunk/saga/etc… уже грузить данные, делать еще что либо, любую логику, ну и сам history.push соответственно. В итоге получается больше контроля за роутами + didMound будет по свободнее от логики

не пробовали выкинуть Link из R4 и при клике (где должен быть линк) диспатчить экшен например NAVIGATE_TO_DASHBOARD, на который в thunk/saga/etc… уже грузить данные, делать еще что либо, любую логику, ну и сам history.push соответственно. В итоге получается больше контроля за роутами + didMound будет по свободнее от логики

Ты щас придумал react-router-redux)

разве там не на оборот?

Link меняет роуту, а стейт просто слушает измненеия и синкается, но контроля над самим пушем все равно нет. Я имею ввиду push который идет от link, а не push из экшена

Link меняет роуту, а стейт просто слушает измненеия и синкается, но контроля над самим пушем все равно нет. Я имею ввиду push который идет от link, а не push из экшена

Ты можешь на link повестить диспатч

И делать что тебе нужно, а потом менять роут

на линк повесить диспатч, что это значит?

кароче, основная идея, не юзать link, как он есть, а вседа диспатчить кастомные экшены, после которых уже диспатчить реальный push

По клику на линк диспатчить экшон

ну ясен хрен, я могу и по клику на <a> это делать

разве там не на оборот?

Там вообще линка нет)) Просто тебе предоставляются экшн-креаторы push, replace и остальные, тебе остается сделать компонент который бы их диспатчил так, как тебе требуется

разве react-router-redux не подразумевает что установлен и react-router-dom с линком?

Тебя никто не заставляет им пользоваться) Емнип там *-dom почти не используется

const toDashboard = () => push('/dashboard') чего-нибудь типа такого

блин точно

Здравствуйте. Недавно начал изучать реакт. Подскажите, как стилизовать один и тот же компонент в разных местах по разному с применнием css modules?

Если css modules то лучше читай про BEM?

Готов рассмотреть другие варианты. :) Хочу от бэма отказаться, наоборот.

Здравствуйте. Недавно начал изучать реакт. Подскажите, как стилизовать один и тот же компонент в разных местах по разному с применнием css modules?

Только передавать класс снаружи.

Если css modules то лучше читай про BEM?

В чём связь??

“один и тотже компонент”, “по разному"

те класс и модификатор

Готов рассмотреть другие варианты. :) Хочу от бэма отказаться, наоборот.

Ну тогда откажись и от css-modules в пользу styled-componets, emotion и других css-совсем-в-js

“один и тотже компонент”, “по разному"

И причём тут БЭМ?

ERROR: S client not available

Передаёшь стиль, который тебе нужен и всё.

должны существовать какие-то правила

должны существовать какие-то правила

О каких правилах ты говоришь?

Правилах именования классов? Да пофиг. Как хочешь, так и именуй.

лол

Действительно, кому нужны понятные стандарты...

Готов рассмотреть другие варианты. :) Хочу от бэма отказаться, наоборот.

https://www.styled-components.com/

Действительно, кому нужны понятные стандарты...

Что тебе не понятно в css-modules?

Я про именования классов

А точнее больше про комментарий "как хочешь"

Я про именования классов

Аналогично как и с названиями переменных.

Упарываться в названиях не надо, но говорить, что есть стандарт...

Сова говорил норм про переменные, от общего к частному. Вот норм тема, например

Вы упоролись что ли

Вопрос простой, а ответы хз какие

Либо прокидывай класс, либо пропс, отвечающий за выбор модификатора, либо ищи другое решение (оно есть)

Либо прокидывай класс, либо пропс, отвечающий за выбор модификатора, либо ищи другое решение (оно есть)

Спасибо. :)

?

есть чатик по ризону?

народ кто на  holyjs?

А когда?

сегодня) вчера и сегодня

а разве он уже не прошел?

н интересно может кто-то тут находится как раз)

Я из года в год разачировываюсь в этих конфах

В твиттере выходит все новое еще за месяц до любой конфы

Ну и на гитхабе офк

Я не про холи, я в целом про любую конфу