кода одни поля начинают зависеть от других

ну так логику написать, я не думаю что там прям вох)

есть пример связи?

кода одни поля начинают зависеть от других

Это общая проблема компонентного подхода, все красиво, пока независимо

https://codesandbox.io/s/3x989zl866

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

я свои мутаторы еще писал

есть б еще апи было стабильное

типа пример расчитать что то когда поле меняется?

ну да

но вот у меня другой кейс был

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

и в ней просто пересчитываешь

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

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

ну у меня валидатор получает значение всей формы

и там я уже могу указать что проверять эти поля только когда выбранно другое поле

То есть один большой валидатор, по всем полям бегает, и возвращает новое состояние всей формы?

ну не по всем

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

Есть кто,кто использует formik ?

А у полей все так же свои валидаторы?

Независимые

ну да

А если срабатывают и на форме, и на поле, за кем последнее слово?

у меня они друг на друга не наезжают, не зависимые поля валидируются на уровне поля

а зависимые - глобально

Интересно, у меня так не получилось разделить

В итоге для стейта формы из react-redux-form такая грязь, точечно отслеживаю изменения полей, почти как watch в первом ангуляре

На экшены либы завязка была ещё хуже

короче все оч плохо

ng-Model и вперед

Ну всякие редакс формы точно нафиг)

Ребят подскажите пожалуйста,перевожу формы в проэкте на formik, и пришел к тому что асинхронные экшены которые раньше использовались для запросов,бесполезны для formik.Я в ступоре,хз что делать,либо обернуть экшены в промисы и таким образом контролировать состояние формы,либо делать запросы из компонента.Подскажите лучший вариант)

Ребят подскажите пожалуйста,перевожу формы в проэкте на formik, и пришел к тому что асинхронные экшены которые раньше использовались для запросов,бесполезны для formik.Я в ступоре,хз что делать,либо обернуть экшены в промисы и таким образом контролировать состояние формы,либо делать запросы из компонента.Подскажите лучший вариант)

юзаешь санки?

юзаешь санки?

Есть экшен такого вида,export function registerUser(payload) { const {username , password , email , captcha} = payload; const formName = 'register'; return dispatch => { dispatch({type : FORM_REQUEST_START , payload : {formName : 'register'}}); request({type : 'POST' , body : {username , password , email} , url : '/user/register'}) .then((data) => { dispatch({type : FORM_REQUEST_FINISH , payload : {status : 200, formName}}) }) .catch((err) => { const {statusText, status} = err; dispatch({type : FORM_REQUEST_ERROR , payload : {status , formName}}); }) } } Но он асинхронный,и при вызове его на колббэке Formik,я не смогу контролировать состояние,вопрос в том как лучше поступить с подобными экшенами которые были предназначены для формы,перенести их в компоненты,и выкинуть из них связь с стором,либо же обернуть в промис

Есть экшен такого вида,export function registerUser(payload) { const {username , password , email , captcha} = payload; const formName = 'register'; return dispatch => { dispatch({type : FORM_REQUEST_START , payload : {formName : 'register'}}); request({type : 'POST' , body : {username , password , email} , url : '/user/register'}) .then((data) => { dispatch({type : FORM_REQUEST_FINISH , payload : {status : 200, formName}}) }) .catch((err) => { const {statusText, status} = err; dispatch({type : FORM_REQUEST_ERROR , payload : {status , formName}}); }) } } Но он асинхронный,и при вызове его на колббэке Formik,я не смогу контролировать состояние,вопрос в том как лучше поступить с подобными экшенами которые были предназначены для формы,перенести их в компоненты,и выкинуть из них связь с стором,либо же обернуть в промис

Никогда не вызывай экшн из редьюсера, боже упаси, используй эффекты например какой-нибудь redux-saga или thunk на худой конец

На сколько я помню dispatch возвращает промис

Экшен вызывается из компонента

Никогда не вызывай экшн из редьюсера, боже упаси, используй эффекты например какой-нибудь redux-saga или thunk на худой конец

На сколько я помню dispatch возвращает промис

Нет

Представь что ты сейчас хуйню спорол

Диспатч возвращает то что ему скажут миддлвары

Ну глянь как он работает

И?)

Thunk прокидвать dispatch в экшен

И в промис он тоже не оборачивает я ступил

Кто эксперт по fetch? Сервер при запросе делает редирект (302 возвращает), устанавливает куки. Но фетц возвращает сразу редиректнутую страницу, и куки не ставит судя по всему, потому что страница отличается! Как заставить его ставить куки, чтоб сайт нужную стр вовзращал?

https://codesandbox.io/s/xvrrkwx3k4 - как можно вытащить эту https://i.paste.pics/05ce8ded2765e8c213b3b005d0f72131.png информацию, а не только value???

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

Привет всем. Redux-observable VS Redux-Saga. Плюсы и минусы. Кто работал.

Я за викингов

Привет всем. Redux-observable VS Redux-Saga. Плюсы и минусы. Кто работал.

а что за задача?

Тут все написано)

ERROR: S client not available

Привет ребята, подскажите плиз. Есть такой массив, который сгруппирован по category_name:

Как мне сгруппировать то что внутри еще и по массиву dependency_on_contracts?

Как мне сгруппировать то что внутри еще и по массиву dependency_on_contracts?

Что такое группировать по массиву? Одинаковые массивы строк этих?

У меня есть массив, но нужно сгруппировать еще по массиву внутри кароче)

Или я все слишком усложняю

Но смысл в том, что если у меня в группе есть 2 элемента у которых есть в dependency_on_contracts одинаковый элемент массива, то их нужно записывать в отдельную группу

моя не понимать

это как в group by в sql?

Ну вот, группа SMS и элементы внутри. А мне нужно

эти элементы если у них есть общий элемент dependency_on_contracts группировать еще в одну группу

Чтобы выводить их в UI как SELECT а не как input typebox

Ну, берешь массив СМС Пробегаешь Выделяешь уникальные строки Потом еще раз прибегает и записываешь в новый массив

зря я вчера пил.

Подскажите п-ста проверенный туториал по редюксу для чайников

я не знаю верно или нет, но я бы перебирал dependency_on_contracts и скал совпадение в category_name и в случае совпадения, создавал бы групу для каждого элемента dependency_on_contracts куда бы записывал все елементы с category_name которые совпали.

Подскажите п-ста проверенный туториал по редюксу для чайников

курс дена абрамова

https://egghead.io/courses/getting-started-with-redux

https://egghead.io/courses/getting-started-with-redux

Нашел, спасибо

Всем привет! Как сделать так, чтобы когда приходит ошибка загрузки данных на реакте, то как отправить заново запрос на получение данных? Использую Apollo client:)

Всем привет! Как сделать так, чтобы когда приходит ошибка загрузки данных на реакте, то как отправить заново запрос на получение данных? Использую Apollo client:)

.takeEvery(action-type-fail, request)

Ну ещё посмотри .takeLatest мож он впишется

как лучше : что бы в actions из fetch() возвращался ,условно , Promise и мы на него навешивали .then , или чтоб мы передавали в fetch CallBack который вызывался в then , но внутри у fetch ?

как лучше : что бы в actions из fetch() возвращался ,условно , Promise и мы на него навешивали .then , или чтоб мы передавали в fetch CallBack который вызывался в then , но внутри у fetch ?

Первый вариант