https://github.com/kitten/sweetsour

https://github.com/kitten/sweetsour

@artalar скоро наведут интероп

https://github.com/kitten/sweetsour

Это крутая штука, да

Взять стейт с редукса вне коннекта невозможно?

Взять стейт с редукса вне коннекта невозможно?

а где тебе надо?

Я хочу взять из редакса что-то чтобы сделать/настроить другой экшн. Чтобы не тащить через все функции с вью

Я хочу взять из редакса что-то чтобы сделать/настроить другой экшн. Чтобы не тащить через все функции с вью

redux-thunk

redux-thunk

Я так и делаю, но. Там работает getState()??? Пошёл читать доку

Я так и делаю, но. Там работает getState()??? Пошёл читать доку

Да

return (dispatch, getState) => { ЩИКАРНО. Спасибо)

return (dispatch, getState) => { ЩИКАРНО. Спасибо)

то что возвращаешь из этой функции потом вернется из диспача, это удобно

можно делать const getState = () => (_, getState) => getState() const state = this.props.dispatch(getState())

можно делать const getState = () => (_, getState) => getState() const state = this.props.dispatch(getState())

Сохранил, пока что нужно только на уровне экшна)

Сохранил, пока что нужно только на уровне экшна)

у тебя есть store изначально, ты можешь в принципе в любом месте приложения делать store.getState().blabla, store.dispatch(...)

это ж javascript

понятно дело, что внутри компонента это уже будет "не честно", сайд эффект

но если прям очень нужно :)

у тебя есть store изначально, ты можешь в принципе в любом месте приложения делать store.getState().blabla, store.dispatch(...)

Я знаю, но это не вариант, надож по правилам)

у тебя есть store изначально, ты можешь в принципе в любом месте приложения делать store.getState().blabla, store.dispatch(...)

шареный стор это антипаттерн

Всем привет коллеги как настроение!

Всем привет коллеги как настроение!

Было нормально

шареный стор это антипаттерн

ну ок, есть запасной вариант использовать старый context api

static contextTypes = { store: PropTypes.object }

это и легально и без боли :)

шареный стор это антипаттерн

А нормально в одном редюсере дергать вещи других редюсеров?

А нормально в одном редюсере дергать вещи других редюсеров?

Нет

А нормально в одном редюсере дергать вещи других редюсеров?

а как ты это сделаешь?

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

нужны данные из соседней ветки? передай в параметре экшина

нужны данные из соседней ветки? передай в параметре экшина

мне нужно чтобы один экшн который основан на одном редюсере делал что-то и в другом тоже, не вижу другого выхода как диспатч импортить с другого экшна

мне нужно чтобы один экшн который основан на одном редюсере делал что-то и в другом тоже, не вижу другого выхода как диспатч импортить с другого экшна

ты формулируешь проблему даже не совсем верно

экшин ни на чем не основан

/spam

@ValeryKobzar https://codesandbox.io/s/github/Wroud/react-painlessform/tree/master/examples/base чекни, я переделал форму свою, правда не могу сейчас проверить всё ли там поправил из за краша сайта после обновы

мне нужно чтобы один экшн который основан на одном редюсере делал что-то и в другом тоже, не вижу другого выхода как диспатч импортить с другого экшна

диспачишь один экшин, ловишь его в разных редьюсерах, что мешает?

экшин ни на чем не основан

Ну почему, у моих экшнов есть врап этот thunk через который я кидаю диспатчи на уже базовые экшны которые идут в стор, можно сказать что почти всегда экшн имеет какую-то "главную" цель, не? Понятно что потом там по мере выполнения идут всякие диспатчи в нотификации, лоадеры и тд. Хорошо, я понял тебя ??

@ValeryKobzar https://codesandbox.io/s/github/Wroud/react-painlessform/tree/master/examples/base чекни, я переделал форму свою, правда не могу сейчас проверить всё ли там поправил из за краша сайта после обновы

у тебя там label не работает с привязкой forHtml

Ну почему, у моих экшнов есть врап этот thunk через который я кидаю диспатчи на уже базовые экшны которые идут в стор, можно сказать что почти всегда экшн имеет какую-то "главную" цель, не? Понятно что потом там по мере выполнения идут всякие диспатчи в нотификации, лоадеры и тд. Хорошо, я понял тебя ??

санки это санки, а экшины это экшины

экшин это функция возращающая plain object с набором обязательных полей type, payload, meta, error

на инпуте висит id? я не могу проверить что в сендбоксе, но на гит я с id залил и вроде работало... до обновы

если следовать FSA

санки это санки, а экшины это экшины

Я не понял, что такое санки?

на инпуте висит id? я не могу проверить что в сендбоксе, но на гит я с id залил и вроде работало... до обновы

нет

Я не понял, что такое санки?

санки === thunk фнкции

нет

а, я его только для agree сделал, смысл в других полях от этой связки?

а, я его только для agree сделал, смысл в других полях от этой связки?

ну ты когда тыкаешь в названия полей, у тебя должен фокус делаться на инпуты

а, понял, ну это поправимо

санки === thunk фнкции

Понял ??

ну ты когда тыкаешь в названия полей, у тебя должен фокус делаться на инпуты

а в целом как(api)?

а в целом как(api)?

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

чтобы валидация подсвечивала кривые поля

чтобы облом сабмита давал обратную связь в форму

т.е. ошибка пришедшая с бакенда тоже показалась в форме в виде алерта например и подсветила кривые поля

https://github.com/Wroud/react-painlessform/tree/master/examples/base.1

https://github.com/Wroud/react-painlessform/tree/master/examples/base.1

нуу вот видишь, когда нужна валидация и подсветка ошибок твой код не такой уж и простой получается сразу :))

нуу вот видишь, когда нужна валидация и подсветка ошибок твой код не такой уж и простой получается сразу :))

я по файлам разнесу, там всё просто на самом деле

для простейшей валидации формы с Yup потребуется добавить 1 компонент и создать объект Yup

для валидации с сервера, нужно прокинуть данные ответа в пропы тега Validation и обработать их в собственной функции валидации, эта функция представляет собой генератор возвращающий объекты типа { selector: (form) => form.field, errors: [{ message: "Some error" }] }

ERROR: S client not available

в какой момент и где можно принять решение о закрытии формы?

или наоборот, что с сервера прилетела ошибка, нужно их показать в форме и не закрывать ее

не очень понял, что значит закрыть?

Как правильно делать редирект? Его можно сделать через компонент <Redirect> и через withRouter и history.push(url) Вернее как лучше?

Ребята, кто каким query builder'ом пользуется для graphql?

не очень понял, что значит закрыть?

представь себе окно логина

ты ввел неверный пароль и ждешь пока придет ответ от сервера ответ пришел, ты должен показать ошибку и дать возможность юзеру ее исправить

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

Скажите, а react-create-app кто-то пользуется? Или все вручную вебпак настраивают

Используют (((((

Скажите, а react-create-app кто-то пользуется? Или все вручную вебпак настраивают

все вручную настраивают create-react-app

ты ввел неверный пароль и ждешь пока придет ответ от сервера ответ пришел, ты должен показать ошибку и дать возможность юзеру ее исправить

ошибки прокидываются через пропы в Validation и отображаются сразу же (т.к. происходит ререндер формы) если получен положительный ответ от сервера можно сразу закрывать форму

все вручную настраивают create-react-app

как добавить там поддержку jsx?

в onSubmit колбеке вторым аргументом идёт статус валидации формы (тот что клиент сайд) в момент нажатия submit

как добавить там поддержку jsx?

для начала надо взять create-react-app, а не react-create-app

https://codesandbox.io/s/github/Wroud/react-painlessform/tree/master/examples/base.1 тут вживую можно посмотреть как это работает

ещё форма построена так, что можно легко реализовать тайм тревел с полным восстановлением состояния

ну это хорошо уже

для начала надо взять create-react-app, а не react-create-app

и?

и?

и дальше у тебя все само заработает

и дальше у тебя все само заработает

так вот дело в том что не работает по умолчанию. после build позволяет создавать jsx, а в остальных случаях вылетает ошибка

ты говоришь загадками

Ого, вот это ретро https://github.com/operasoftware/devopera/blob/master/src/articles/_posts/2015-09-04-houdini-f2f-report.md

Plz suggest any tutorials about how to creat android apps with react

this community is about react, not about react native

помогите настроить prettier и eslint - все время пишет eslint his can happen for a couple of reasons: 1. The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc). 2. If ESLint is installed globally, then make sure 'eslint-plugin-prettier' is installed globally as well. 3. If ESLint is installed locally, then 'eslint-plugin-prettier' isn't installed correctly.

киньте кто-нибдуь конфигруацию под реакт плз