79 - React JS - stopSubmit (redux-form)

it-incubator.i... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
API: social-network...
Ребята, почему я засмущался сразу фиксить ситуацию абы как? Потому что по-прежнему я топлю за нормальную архитектура)) И хочу сделать по феншую всё! Ситуация вот какая: валидация ("показывание ошибок") по сути у нас реализована на уровне UI (то есть redux-form этим вопросом занимается).
А тут про ошибку стало известно бизнесу (BLL), потому что от сервака (DAL) пришёл ответ, мол, что-то не так.
И эту ситуацию можно было бы решить несколькими способами. Вот размышление на этот счёт:
github.com/eri...
Решить ситуацию можно было по-разному, я решил с помощью action creator-а stopSubmit, который поставляется к нам из библиотеки redux-form
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#stopSubmit #redux-form #react

[@egorn6543]

лайк, великолепный курс. Я уже посмотрел все 100 выпусков, устроился на работу реакт разработчик и еще раз прохожу, повторяю. Уже несколько раз донатил, буду тебя поддерживать лайками и комментами. Как будет лишняя копеечка еще задоначу подписку на прем сервак

[@ITKAMASUTRA]

Спасибо огромное, Егор! И мегарад, что оказался полезным!

[@ЭльнараГайнанова]

Какую зп, если не секрет, предложили? 🙂

[@indigosay]

зп?

[@egorn6543]

@@ЭльнараГайнановаНе люблю офишировать это, но для Джуна достаточно. Тут главное стремление. Вам сразу не будут платить по 2к$. Ходите на собесы, соглашайтесь на мин зп и через пол годика уже и скилл прокачаете и зп будет норм, если усердно трудится

[@egorn6543]

@@indigosay Как для джуна норм. Если только ради зп в программирование пришли, то ничего не получится. Через силу эта работа не даётся. А приличная зп отличный бонус, а не средство достижения:)

[@smolhs1586]

Димыч: бережно, шёпотом записывает урок, следит, чтобы никого не разбудить и не потревожить. Кошка Димыча: БУУУМ! пробираюсь по redux-form в качестве ознакомления с логикой. Спасибо за уроки и ваш труд!

[@Kreoniy]

На этом выпуске смог найти работу, в Европе причём,наверное тут наших маловато) спс Димыч, правда хуки самому пришлось

[@whicencer8819]

И какие задачи делаешь на работе? Верстка, или с реактом работаешь?

[@SamSiMmP]

Похоже уже синьором стал ) @@whicencer8819

[@Таня-х2е2ы]

Как же офигенно смотреть, когда все выпуски уже записаны. Ну невозможно оторваться!

[@elenakniazeva5388]

я просто кайфую от этих уроков! столько полезной информации....!!! Тысячу раз тебе спасибо )

[@ITKAMASUTRA]

Огонь! Летим!

[@__online7250]

React JS - stopSubmit (redux-form)🤩

[@HeyCosmoBoy]

В formik вам нужно в вашей функции onSubmit взять из второго параметра setSubmit через диструктизацию и отдать его в thunk функцию и если у вас появляется ошибка вы внутри thynk функции запускаете setSubmit('error message ') и потом можете внутри формы с помощью props.status вывести ваше сообщение

[@yanguz4202]

а можешь показать пример или скинуть силку где это делается

[@TOZD8076]

Вам, наверное, уже не нужно но другим может поможет. Потому что у автора либо что-то неверно либо что-то изменилось к тому времени, когда я делаю. Но автор направил меня в нужном направлении. Метода setSubmit вообще больше нет, как я понял. В своём onSubmit, который лежит в formik нужно использовать setStatus: onSubmit: (values, submitProps) => { let formData = { email: values.email, password: values.password, rememberMe: values.checkbox, } props.onSubmit(formData, submitProps.setStatus) /*это thunk прокинутая через пропсы*/ submitProps.resetForm() } Далее нужно не забыть везде в компонентах, где передаёте thunk добавить второй аргумент для setStatus иначе придёт undefined. Я минут 20 искал эту ошибку. Исходный thunk будет выглядеть так: export const login = (loginData, setStatus) => { return (dispatch) => { authAPI.login(loginData) .then(data => { if(data.data.resultCode === 0) { dispatch(authMe(true)) } else { setStatus({error: data.data.messages}) } }) } } Теперь в своей форме можно достать ошибку из API с помощью formik.status.error. У меня реакт выдавал ошибки, если я напрямую обращался к formik.status.error, поэтому сделал проверку на наличие статуса. Главное делать это внутри хука, который создаётся через useFormik. let apiErrors if(formik.status) { //console.log(formik.status.error) apiErrors = formik.status.error.map((item, index) => {item}) } Ну и дальше массив apiErrors вставляете куда нужно в UI. Можно массив не обрабатывать и просто взять formik.status.error[0], но я подумал, что раз приходит массив, то лучше обработать, вдруг там может быть больше одной ошибки. Ну вроде всё. Я сначала вообще делал редьюсер и закидывал ошибки в store, а потом уже прокидывал через пропсы. Так тоже работает, но кода больше получается, чем через setStatus.

[@cg_man]

@@TOZD8076 Я правильно понимаю, что setStatus это диспатч, мы в санке при ошибке диспатчим action(ответ с сервера) в state формика, а потом в UI достаем со state и показываем

[@eugene-dmitrievich]

Спасибо большое за урок!!! React redux redux-form stopSubmit

[@evgeniyn1542]

Спасибо Димыч за продолжение, летим дальше ! :)

[@Rapterlol]

Отлично, все супер!! Лучший курс по React JS!

[@ОлегПантус-о7ь]

Я проверил и у меня мой профиль при перезагрузке не теряется. Спасибо за курс!!! Бомбим!!!

[@kaiju668]

момент с котом просто ор

[@gorillatv577]

Оч ждём новых выпусков!! Поздравляю с 12к, ты становишься популярным! Видосы, видосы, видосы... СПАСИБО!!!!! React Redux Thunk Saga Redux Form

[@ИгорьИосифов-л7й]

Никогда не видел преподавателя, который бы под покровом ночи записывал материал для ребят.. Димыч, ты самый крутой мастер, невероятная отдача! После таких видео самому становится стыдно не заниматься каждую секунду, бомбим! React Js, лучший подробный курс, redux-form.

[@БорисЦ-ю8ы]

React JS - stopSubmit (redux-form) Всё отлично рассказал, как и всегда, спасибо!

[@hennadiipetrov1967]

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

[@MikhailKuklenkov]

Королевский лайк за видео, Дима. Благодарю за труд!

[@viktorshatalov1920]

Ещё не посмотрел, но самый лучший курс!!!!канал в ТОП!!!!

[@vladpobidash]

Чем дальше в лес, тем больше дров, мозги вскипают, а Димыч продолжает... Не отстаю, стараюсь постепенно идти, спасибо что ведёшь! React + Redux + Redux-form + stopSubmit

[@ITKAMASUTRA]

Жми! Удачи! Не сдавайся!

[@TRIZ-Bogatyregold]

Думал что сейчас по быстроляну сделаю stopSubmit через redux-form, но не учел что делаю с typescript и типизацию убьет у меня кучу времени. Итого залип на этот урок на 2 часа. Но все сделал и работает. Димыч летим. Спасибо за видос

[@VadimBogomazov]

Вместо redux-form использовал связку redux hook form и bootstrap. Ошибки закинул в state и через props в компоненту, все отлично работает)

[@Сергей-ю8и1х]

Обязательный репост твоих курсов! Димыч, Спасибо! Ты ЧЕЛОВЕК с большой буквы!!! Удачи во всех начинаниях и текущих проектах!

[@АртемийЛукин-г4ы]

Летим !

[@Matfei-h2o]

А ведь почти 80% complete!

[@Serhii.T]

Отлично)

[@АрсенОсипов-ж6щ]

API, JS, TS,ajax State, Store, Dispatch ,Connect, Action, Route Provider, Reducer, mapStateToProps mapDispatchToProps, {...state}, Props React Redux ,withRouter redux-thunk Redirect Практика, cookie,login follow-unfollow api redux-thunk High Order Component (hoc) setState, local state compose create-react-app http put, local state componentDidUpdate redux-form redux-form field validation login и logout api stopSubmit (redux-form) JavaScript курс React DAL, axios.create Веб разработка разметка best of the best!!! Спасибо за урок :)

[@raudbranbard5627]

Спасибо Димыч за науку. Я делаю при помощи formik и просто погиб в попытках. Формик проще. Отобразил ошибки сервера при помощи setStatus(). Одна строчка и несколько дней пути к ней)

[@СергейКоваленко-п2я]

Кинь код плиз)

[@raudbranbard5627]

​@@СергейКоваленко-п2я Ну, дословно это выглядит у меня так: onSubmit={(values, {setSubmitting, setFieldError, setStatus}) => { props.login(values.email, values.password, values.rememberMe, setSubmitting, setFieldError, setStatus) }} А потом вывожу {status} где-нибудь в разметке.

[@СергейКоваленко-п2я]

Ок спасибо большое)

[@vlad-zf1ev]

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

[@hemul1019]

Спасибо, твой коммент был одним из тех, которые помогли разобраться.👍

[@vladim1]

React JS - stopSubmit (redux-form) "Мужайтесь, други, виден берег!" Димыч, респект!

[@indigosay]

прям как Викинги)

[@llelya]

я пока на 14ом уроке только, но пишу в поддержку, потому что курс реально классный!!!! Спасибо)

[@denkodatskyi3381]

React JS - stopSubmit (redux-form) Лучшие уроки по React JS & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!! Just simply about information technology =)

[@sergeyistominov5880]

Плюсик для лучшего ранжирования!

[@rita959]

2022, Отлично работает stopSubmit (redux-form)! Благодарю за урок!!!

[@Denis-ws1vn]

dispatch(stopSubmit('login', {_error: message})) у меня так не хочет работать

[@ДенисВладимирович-ы2ъ]

Спасибо. Летим к 100, а там и на работу!!! Летим!!!

[@dechto1]

Круто. Уже бегу на следующий урок!

[@МАКСИММЕЛЬНИК-ш8и]

Димыч ты лучший препод )) !!! Ты ночами записываешь уроки, а я ночами их учу, чтоб ни кто не мешал !!! Как закончу твои курсы в ютубе - обязательно приду в оффлайн к тебе на учёбу !!!

[@alexanonymous5823]

redux forms stopSubmit спасибо!!!!

[@ЛусінеАтаджанян]

Дима, просто красавчик! Отлично объяснил тему про stopSubmit из библиотеки redux-form. Не устану повторять, что это точно лучший бесплатный курс по реакту и что даже среди платных вряд ли будет что-то лучше. React JS, конечно, очень актуален, но не забываем учить JavaScript, на собесе, как раз, по нативному JS вопросов много

[@react_js]

😍👍stopsumbit крутая штука

[@АннаЛелеко-ы3ю]

Дімич, ти мотивуєш вже тим, що записуєш нові уроки тоді, коли більшість тих для кого ти це робиш, вже давно і глибоко сплять! Як і обіцяла - стала невеликим патрончиком, але в майбутньому трохи більше компенсую твої недоспані ночі. Як завжди все розжовано і зрозуміло про React, stopSubmit (redux-form)

[@ВадимЛюманов]

Уже 150 тыс. подписчиков против 10 тыс. от 3 авг. 2019 г. - круто)

[@ole_oli]

Супер, спасибо. stopSubmit, redux-form

[@АлександрИванькович-т9ф]

Спасибо за уроки. Пойду разбираться с yup в react-hook-form.

[@uzurbatya]

"Сорян за Францию" - записываю в свой словарь

[@Артем-ч7э9ъ]

Все супер! Летим дальше! :-) Чувствую как за этот месяц изучая этот курс прям подрос)

[@AndreyShevchenko-yd3tg]

Димыч, красавчик!! Пишу свой отдельный проект, по мотивам твоего офигенного курса. Уже несколько раз у меня была ситуация, например в ходе разработки своего проекта - столкнулся с какой то фигней, которую не знаю как правильно обойти. Вариантов много, а как правильно сдлеать не знаю.. , так вот, потом включаю следующую серию твоего курса - и о ЧУДО ты как раз рассказываешь об этой же проблеме и обьясняешь как правильно ее решать!!!! Уже раза 3 - 4 так у меня случилось)) Много букав получилось... но думаю общий смысл коммента ясен. Димыч - лучший!!!

[@shamilsalakhutdinov5519]

Спасибо за уроки, я так рад, что дошел до 80 и почти все понимаю)

[@freakGuitar]

и как, устроился?

[@АлексГ-п3ж]

ОПЯТЬ ИНТЕРЕСНО!!! СПАСИБО!!! P.S. Список ключевых слов: React, Redux, лучшие супер курсы, бесплатно, redux-form, form, формы, login, logout, stopSubmit

[@dimitriitkach7697]

spasibo za urok - 79 - React JS - stopSubmit (redux-form)

[@ХаджимуратОмаров-т1с]

stopSubmit крутая штука, как всегда красиво обьясняешь!

[@sandorkligan2208]

Спасибо, уже 79 выпуск, летим!

[@sevdev9374]

Димыч спасибо за курс, такой вопрос тесты будут в курсе типа Jest или другие?

[@ITKAMASUTRA]

Будут!!!🙏

[@naiz4005]

Великолепный курс по React/Redux

[@user-tf1rn7qq2p]

Большое реактивное спасибо, Димыч! stopSubmit (redux-form)

[@antonkudrin7060]

Жалко в formik нету такой функции как в redux-form )) Пришлось выдумывать свой велосипед ) вроде бы работает )) Димыч, спасибо тебе за твой труд )) Летим дальше ))

[@lunnamedll]

какое твое решение было?

[@-musicanimationsvideo9691]

@@lunnamedll мне скажите про решение)?

[@michaelbacy3525]

очень хороший урок, много важной информации. Большое спасибо! Redux Redux-Form stopSubmit ReactJS

[@ДмитроКравець-л2щ]

Спасибо

[@ivanmiarkulau8320]

спасибо за объяснение stopSubmit в redux-form, все понятно и доступно)

[@maksym_shkaf]

React JS - stopSubmit (redux-form) Спасибо!

[@muhammadtursunov5745]

мне очень помогли эти видео большая спасибо

[@semial]

Спасибо за урок, Димыч! stopSubmit работает, все хорошо. Эти подводные камни конечно запутывают по-началу. Даже страшно бывает представлять, что будет на работе.

[@denysm5599]

Redux-Form stopSubmit - интересное решение! Прикольно, что форма теперь с лучшей валидацией. Благодарю Димыча за урок!

[@fgood574]

Спасибо Димыч, всё было понятно)

[@annastatcenko2948]

React JS - stopSubmit (redux-form) - спасибо за урок! Все как всегда супер!

[@ollegat]

Лучший курс по реакту

[@АртемКулинский-ю4о]

Огромное количество полезной информации! Очень хорошая подача! Отличный курс по React - Redux!

[@milter2539]

Урок 79. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:

[@ГеннадийГорохов-ц8н]

Сегодня 06.12.2021год .Продолжаю учиться интересные уроки, интересная подача.

[@alexandrnazarov8999]

Я пишу свой проект который отличается от того что на видео, но сегодня возникли глюки с прорисрвкий компоненты быстрее чем данные приходят) смотрю видео тут тоже эта проблема! Я решил её создав санки для этого компонента и использовав прилоудер. Димыч спасибо огромное, смотрю на твои видосы и стараюсь свое пилить, естественно и проблемы иногда другие решаю, это заставляет все больше читать документацию.

[@mrmicolka]

React JS - stopSubmit (redux-form) Хорошее объяснение.

[@spacerider9426]

Спасибо огромное за твой труд! Смотрю дальше!

[@miguelgrushetckii4839]

Крутой видос! Спасибо, все очень понятно! REact Redux stopSubmit

[@mykhailostepanishchev6472]

Спасибо,очень интересно ! stopSubmit (redux-form)

[@TheLevius]

Димыч радовался почти 10 тысячам подписчиков, но не прошло и года, а уже подписчиков более 72 тысяч. Учитывая специфику канала - это успех!

[@КонстантинАввакумцев]

React Redux redux-form. Димыч лучший! Всем мир!

[@sergsergey4251]

Спасибо! React JS - stopSubmit (redux-form) - отлично объяснил. Бомбим дальше ©

[@michelealeer]

мотивируешь

[@MrNimbus3000]

2021 год. Redux Form неактуален. Какая же это головная боль разбираться, как это работает в react final form теперь самому.

[@ctumyji9737]

Спасибо за урок! Полетел дальше! React JS от Димыча - лучший курс!

[@marina-ej4qd9kc1wh]

Спасибо!

[@АндрейФилимончик-ю9у]

Даже рекламу просматриваю, чтобы копеечка капала Димасу))) stopSubmit (redux-form)

[@arlenm1472]

Блин, из за карантина работу не могу найти. Димыч лучший, потом отблагодарю, React Js, stopSubmit redux-form

[@Aleks-lk1et]

Спасибо!! 2022. Иду дальше.

[@Al4ii]

ой, как я кайфую!!!

[@ДмитрийЕфимов-б6й]

Спасибо, лучший курс который я смотрел

[@РусланКурбанов-и5щ]

Огонь!) Песня бомбическая!

[@frozeninside5004]

Спасибо ! stopSubmit React.Js

[@is_eliseeva]

Спасибо за урок!

[@МихаилЧеклецов-н4я]

Димыч, я впустил кота прямо в тот момент, когда ты своего выпустил😅

[@RedSkyWan]

Продолжаю изучение - 20-ый день - 79/100 Димыч, спасибо за труд!

[@Багвматрицегребанойреальности]

React JS - stopSubmit (redux-form) супер!!!! хороший курс, спасибо

[@Al4ii]

gogogo..спасибо!!!

[@Jorjeee]

На видео говорит про 10 тис подписчиков , а сейчас спустя 7 месяцев уже плюс 30 тис = 40 тис. Очень рад за Димыча))

[@Jorjeee]

Ой какой Димыч, сенсей Димыч))))

[@bosfaction]

Вернулся, т.к. забыл оставить коммент... Благодарю тебя Димыч! Как всегда на высоте. Лучший! #React #Redux #Redux-form

[@yurikorabel5435]

пушка! петарда! огонь! как же круто, когда есть цель и ментор к ней плавно и осознанно подводит. Наш статус бар уже на 79% !!! по шажочку по шажочку, а уже столько материала освоили! Димыч, спасибо!

[@sivkaburka1062]

Доделал до конца

[@fazatranz]

react js redux redux-form лучшие уроки , в мозгу уже проясняется))

[@МарияВасиленко-я5к]

Спасибо за урок, Димыч! Поймала себя на мысли, что сложные вещи уже не пугают, что стало легче читать статьи и документацию, чем на 1 уроке. И, что если чего-то сейчас не понимаешь, поймешь чуть позже, это не страшно))) И самое интересное это то, что для меня ошибки теперь не катастрофа, как раньше: больше не сидишь по три часа над тупыми ошибками, теперь они дебажатся на раз-два, а то и вовсе уже дебажить не требуется :-D

[@pashabezk]

2022. Спасибо большое!

[@CarrieA]

19:05 - то чувство когда оправдал надежды Димыча

[@vladv.198]

Надо просмотреть еще раз