А вот есть компонент. Надо сделать запрос к корзине что бы передались обновленные куки. Можно просто сделать его из компоненты, но наверное неправильно так? Можно задиспатчить акшен, в нем запросить … но вроде как хранить мне ничего и не надо — из кук все берется. Игнорировать его в редьюсерах? Может быть акшен без редьюсера? Или можно дублировать куку в стейт редакса. Как лучше?

А вот есть компонент. Надо сделать запрос к корзине что бы передались обновленные куки. Можно просто сделать его из компоненты, но наверное неправильно так? Можно задиспатчить акшен, в нем запросить … но вроде как хранить мне ничего и не надо — из кук все берется. Игнорировать его в редьюсерах? Может быть акшен без редьюсера? Или можно дублировать куку в стейт редакса. Как лучше?

Опиши функцию сбоку и вызывай её.

сбоку это как?

ты бы еще эрект писал)

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

а как модно сейчас называть акшены?

а эрект — от реакт? мне пожалуй понравилось…

экшен

или как тут некоторые пишут - экшон

есть https://github.com/foxhound87/mobx-react-form и https://github.com/formstate/formstate что выбрать?

есть https://github.com/foxhound87/mobx-react-form и https://github.com/formstate/formstate что выбрать?

там есть withState

Народ я тут нашел способ как решить проблему биндинга обработчиков в реакте. Небольшое предисловие - забиндить функцию нужно для того чтобы в обработчике получить данные пропсов или состояния иначе в обработчике никак не узнать по какому тудушке кликнули и т.д. Решений тут несколько Вариант 1 - который к сожалению очень часто встречается в различных туториалах - сделать тупой бинд функции или написать arrow-функцию <div onClick={this.onClick.bind(this)}>click</div> или <div onClick={()=>someFunction(this.props)}>click</div> - это дикий антипаттерн потому что на каждый рендер будет создаваться новые функции и поэтому принято использовать классы и биндить обработчики в конструкторе или использовать поля класса class App extens React.Component { onClick=()=>{ .... } render(){ return <div onClick={onClick}></div> } }Но и здесь есть недостатки. Во первых новые функции все равно будут создаваться при каждом создании компонента. Ну а во вторых и самое главное - это нельзя применить к functional stateless components или проще говоря функциями-компонентам. Но выход есть братцы! Никаких больше созданий лишних функций обработчиков которые мало того что замедляют так еще и нагружают сборщик мусора! А главное можно использовать вместе с компонентами функциями. Все что нужно это маленький хелпер который достанет нужный нам компонент а функцию-обработчик мы вообще никак не биндим или замыкаем на контекст. const App = ({todo}) => ( <div onClick={onClick}>{todo.title}</div> ); function onClick(e){ var component = getComponent(e.target); console.log('here is my todo', component.props.todo); } function getComponent(el){ return el[Object.keys(el).filter(k=>k.split('$')[0] === '__reactInternalInstance')[0]]._currentElement._owner._instance }

Народ я тут нашел способ как решить проблему биндинга обработчиков в реакте. Небольшое предисловие - забиндить функцию нужно для того чтобы в обработчике получить данные пропсов или состояния иначе в обработчике никак не узнать по какому тудушке кликнули и т.д. Решений тут несколько Вариант 1 - который к сожалению очень часто встречается в различных туториалах - сделать тупой бинд функции или написать arrow-функцию <div onClick={this.onClick.bind(this)}>click</div> или <div onClick={()=>someFunction(this.props)}>click</div> - это дикий антипаттерн потому что на каждый рендер будет создаваться новые функции и поэтому принято использовать классы и биндить обработчики в конструкторе или использовать поля класса class App extens React.Component { onClick=()=>{ .... } render(){ return <div onClick={onClick}></div> } }Но и здесь есть недостатки. Во первых новые функции все равно будут создаваться при каждом создании компонента. Ну а во вторых и самое главное - это нельзя применить к functional stateless components или проще говоря функциями-компонентам. Но выход есть братцы! Никаких больше созданий лишних функций обработчиков которые мало того что замедляют так еще и нагружают сборщик мусора! А главное можно использовать вместе с компонентами функциями. Все что нужно это маленький хелпер который достанет нужный нам компонент а функцию-обработчик мы вообще никак не биндим или замыкаем на контекст. const App = ({todo}) => ( <div onClick={onClick}>{todo.title}</div> ); function onClick(e){ var component = getComponent(e.target); console.log('here is my todo', component.props.todo); } function getComponent(el){ return el[Object.keys(el).filter(k=>k.split('$')[0] === '__reactInternalInstance')[0]]._currentElement._owner._instance }

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

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