13 - React + TypeScript / Formik / React JS - Путь Самурая 2.0

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
React Middle+ Контент для спонсоров:
• Front-end разработка CRM
Тоже самое для патронов
/ itkamasutra
Ну что, Redux-Form крут, безусловно. Но мы идём дальше и переходим на Formik. Постепенно... Плавно...
Да, постоянное обновление инструментов и библиотек... оно угнетает))
Но, помните: фундаментально всё меняется гораздо медленнее, поэтому ядро знаний остаётся с вами надолго, и актуальным оно будет долгим. Летим!!!
Поддержать проект монеткой: social-network.samuraijs.com
Платное обучение в онлайн или оффлайн инкубаторе:
it-incubator.eu
it-kamasutra.com
А здесь бесплатная взаимопомощь:
t.me/reactjs_samurai
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutr. .
#formik #typescript #reactJS
Удачи нам, друзья!

[@AI_about_crypto]

Cмотрю 75 урок. заглянул сюда потому что нужен Formic ))

[@user-ig5jm2mk7k]

Димыч, спустя полгода различного обучения, твоего курса + бесплатного курса в моем городе (мой второй учитель тоже топил за то, что знания нужно получать бесплатно), я иду завтра на работу, это будет мой первый рабочий день))) Спасибо огромное за твои труды, потому что именно твои уроки помогли мне закончить другие курсы, я даже другим ребятам объясняла различные темы и подтягивала их знания, а все благодаря детальному объяснению в 1 сезоне! Я надеюсь что смогу остаться на этой работе, потому что очень хочу задонатить))

[@qubi4484]

Ну и как успехи?

[@Abdul-hy4cy]

спустя пол года учебы смогла устроиться на работу ? я только спустя год и 2 месяца устроился

[@kkbib189]

Все становится все сложнее и интереснее, лишь только одно неизменно. Ахрененный дизайн этого сайта, он все тот же с самого первого урока.)0))

[@ITKAMASUTRA]

Вот-вот пофиксим!!!

[@egorgavrilov4158]

@@ITKAMASUTRA где-то я это уже слышал)

[@maxim.saharov]

если сразу и библиотеку по дизайну насувать в проект то вообще будет сложно код понимать!

[@vanunsakanyan2188]

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

[@ITKAMASUTRA]

спасибо большое!!! пррвёмся!

[@xzavierjacoby721]

i know I am kinda off topic but does anyone know of a good place to watch newly released tv shows online ?

[@braylonemanuel925]

@Xzavier Jacoby flixportal :D

[@xzavierjacoby721]

@Braylon Emanuel Thank you, signed up and it seems to work :) Appreciate it !

[@braylonemanuel925]

@Xzavier Jacoby glad I could help xD

[@Natalia-ph]

Смотрю 49 урок, но заглянула сюда отлайкать и откомментить новое видео. Огромное спасибо за твой труд)) Жду продолжения))

[@ITKAMASUTRA]

спасибо за поддержку! вперёд!!!

[@user-ey6em3my8p]

React + TypeScript + Formik Не представляю, как можно смотреть и понять это видео, если не писал код вместе с Димычем в Путь Самурае 1.0 ))) Спасибо за труд, огромный и очень ценный! Миллион часов потраченных на "добро" людям! Низкий поклон :)

[@user-hr3zp4jj5w]

Посмотрел курс по реакту от rs scool и убедился еще раз в том, что как же круто, что есть ты и твой курс. Cпасибо, сенсей, что заряжаешь мотивируешь столько людей!

[@ITKAMASUTRA]

очень стараюсь и вкладываюсь! спасибо за фидбек и поддержку!

[@ivanpiatovolenko9607]

Пересматриваю первый курс уже наверное 5й раз. Жду не дождусь когда перейду на 2й курс чтобы выучить тайпскрипт и написать соц сеть в портфолио, но с использованием Ant Design. Спасибо большое, Димыч! Ты крут!!!

[@azuresnake6301]

Я пока только на 63-м уроке, но тут минимум лайк поставить обязан

[@ITKAMASUTRA]

спасибо, что пришли на это видео! успехов в обучении

[@tamararagimova4035]

Димыч, спасибо! Смотрю все уроки с большим удовольствием! React typescript Formik летим дальше!

[@shsh01212]

Пошла жара🔥🔥🔥. Впервые невкурил и пересматриваю. Летим 🚀

[@tesleman1434]

ЗАшёл на премьеру, лайк комент поставил, Димыч ты супер)

[@ITKAMASUTRA]

спасибо большое! Летим!

[@mykhailostepanishchev6472]

Очень слоно и интересно,спасибо Димыч !!! React + TypeScript / Formik / React JS

[@spacerider9426]

React, TypeScript, Formik, JS. Спасибо Сэнсэй за твой труд! Смотрю дальше!

[@4wesome_maks30]

Спасибо за видео! Хотел попробовать Formik, но пока что всегда обходился кастомным хуком для обработки форм :)

[@originalhrysha1976]

Мне нравится Ваш онлайн-инкубатор в виде Ютуба!!! Топ

[@ITKAMASUTRA]

топчик! летите! Бесплатно! обучайтесь на здоровье и растите!

[@originalhrysha1976]

Ура. Я рад что продолжение для самурайчиков!!!

[@robbinthebank1121]

Ух Димыч крутой урок, спасибо большое. Подключил сам Ant disign и заменил старый пагинатор всё круто, лечу в космос.

[@Almas-2002]

Димыч смотрю тебя на 51 уроке сижу спасибо тебе за все

[@ITKAMASUTRA]

пожалуйста! спасибо за фидбек

[@user-cr2qn5rp2o]

Спасибо тебе за твои видео, они дають стимул в изучении React

[@aleksandrglebik8033]

Спасибо, Димыч! React + TypeScript / Formik / Formik - Select / React JS

[@esimitley4729]

Вы правы - не возникает никакого чувства кроме такого, чтоб написать Хороший коментарий. Реально поднимает Настроение ваше Обучение - я даже не говорю о практической пользе - которая несомненно в больших количествах имеется

[@user-np9mq5xc7j]

Спасибо, видео огонь! React + TypeScript / Formik / React JS

[@romanpomin1967]

Я ещё на 82-м выпуске первого сезона, но зашёл посмотреть, что нас ожидает дальше. Классно, что продолжаем бомбить наш проект) Уже ставлю лайк, так как контент Димыча просто не может быть негодным)

[@user-vl9te1cg3r]

Роман, работу ещё не искали? Или уже работаете программистом? Я пока на 35-м уроке))

[@romanpomin1967]

Тимур, пока ещё не искал. Вот просмотрю 100 выпусков - и вперёд из песней)) Вам успехов на этом нелегком пути))

[@user-vl9te1cg3r]

Роман, спасибо! Взаимно! У меня знакомый есть, так он после 65го урока начал на собесы ходить, к 72му уроку устроился джуном в МТС 🙂

[@kuko932]

обожаю introduction с мечом и песнями. поднимает настроение, мотивирует и радует видеть счастливого, танцующего Димыча :))))))))))) 13 - React + TypeScript / Formik / React JS - Путь Самурая 2.0 лучшие уроки реакт редакс

[@vyacheslavsmolensky2231]

Пересмотрел видос дважды :), Formik бомба!) (React, Redux, TypeScript, Formik)

[@belle-nastja]

TypeScript / Formik , все супер, летиииим в космос :))

[@arrowdev1042]

Хочется сказать!! Обычно когда меня просят подписаться, пролайкать, и т.д. я сразу иду в штыки, типа тут всякие попрошайки, и каждое видео та ну ... Но когда это говорит Димыч, то во первых он как будто будет просто рад что я поставлю лайк а не потому что это продвинет канал, то есть реально я чувствую что на первом месте не продвижение, и материал, так как тут не поставить лайк. Вообщем ни один канал я так не закидывал лайками как этот!! Может действительно Ты нашел свое предназначение! Поздравляю! Пусть свет продолжает освещать путь и помогать ближним, наверное это и есть сокровенный смысл суть жизни: Тьму конвертировать в свет!! Рад что открыл для себя самурая уже позже когда есть 130 видосов почти и не надо ждать выпуска, но имхо лучше реже но от души чем выдавливать из себя но чаще, это верняк. Все вроде сказал что хотел, хороших выходных и самурайского настроение на след. неделе, бомбим!

[@alira2924]

React + TypeScript / Formik / React JS - спасибо тебе

[@KralinRuslan]

Как всегда большое спасибо. Молодец🎉🎉

[@user-wd3tl2rx9p]

Димыч, спасибо) React + TypeScript / Formik / React JS

[@yaroslavbozhak9107]

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

[@ITKAMASUTRA]

пожалуйста!!! Летим-летим!

[@Medulla_oblongata01]

Дима, спасибо, надеюсь будем юнит тесты делать в некст видео :)

[@teosurch]

Как же ободряет твоё веселое интро когда устал уже от учёбы :)

[@Vlad6817]

Спасибо, мой друг!!

[@wild_wizards]

Лайк! Было интересно и полезно!

[@kuko932]

у меня 4 оффера!!!! завтра я дам согласие одной из фирм и с зарплаты иду на подписку твоего канала и ежемесячно плачу твоему каналу!!!!!!!!!!!!!!!!!!!!!!!!! ты изменил мою жизнь, добрый человек.

[@user-ei5zp2qi4j]

Спасибо за видео, очень полезно

[@ruslanla4654]

Димыч спасибо за крутой курс!

[@user-jg7ly1ib2z]

Сделай пожалуйста урок про аутентификацию и авторизацию с помощью JWT с Implicit Flow и Code Flow

[@eduardkosyan1937]

параметры GET запроса правильнее добавлять не в URL, а в обьект params(они сами добавятся в url), если успользуем axios. Спасибо за курс!

[@aleksandrmatyka3118]

Дим, спасибо большое за тот вклад который ты делаешь в развитие качественного контента в направлении js и react, не мог бы ты снять отдельно видос по авторизации в React с использованием jwt токена

[@ITKAMASUTRA]

Будет!!!✊

[@Ivan-mb3ze]

Круто, React Formik !

[@dimaruy2975]

Спасибо за Formik в React

[@alexandrchazov6185]

Значение filter в mapStateToProps для UsersContainer является объектом filter: { term: '' ", friend: null } , а объект ни когда не равен сам себе, и следовательно при вызове mapStateToProps будет происходить лишняя перерисовка компонент, получающих в пропсы значение filter. Чтобы этого избежать следует получать значение filter из стейта при помощи библиотеки reselect

[@sivkaburka1062]

Досмотрел до конца

[@Smash69ful]

Очень крутой курс по React + TypeScript / Formik / React JS. Заметил такой глюк: если в пагинаторе мы были на второй порции страниц и осуществили поиск, по после поиска в пагинаторе мы так же останемся на второй порции страниц, хотя активной станет первая страница. Долго пытался это исправить и не получилось ничего пока не стал хранить portionNumber в глобальном сторе.

[@KarbofossKS]

так ты в getUsers сбрасывай счётчик. Примерно так: onFilterChanged(filter: filterType) { this.props.getUsers(this.props.pageSize, 0, filter); Дальше внутри getUsers снинхронизируй этот 0 со стейтом.

[@user-xt9nl7no8e]

Артем на месте и всегда с каналом(не мой аккаунт))) React + TypeScript Formik

[@pavelromanov5515]

Formik кажется проще чем redux-form. Тем у кого есть желание разобраться в нем подробнее вот ссылка: kzbin.info/aero/PLC3y8-rFHvwiPmFbtzEWjESkqBVDbdgGu После этого плейлиста вопросов не должно остаться

[@maxim.saharov]

[@Al4ii]

Спасибо!!!

[@user-pc9bl7uf1l]

Formik -огонь!

[@user-vs6bg3xn5s]

Когда будете переходить на большие номера страниц в Паджинаторе >50-100, и затем искать пользователей, у вас появится баг, номера страниц в паджинаторе перестанут отображаться. Чтобы исправить этот баг используйте хук useEffect в Paginator для обнуления portionNumber при каждом изменении totalUsersCount

[@KarbofossKS]

По уроку setSubmitting можно поставить тип FormikHelpers, чтобы не придумывать из головы. Будет так {setSubmitting}: FormikHelpers

[@blgarOk]

Сделал как в уроке. Значения полей формы после нажатия кнопки Find сбрасываются. При этом сам поиск работает корректно и значение filter в store сохраняется.

[@alexanonymous5823]

thanks a lot=)) useful video=))

[@tootlno3774]

Летим в космос!

[@user-bl4dl9ke7b]

Спасибо

[@zmey852]

Там получается если filter лежит в сторе, то если поискать кого-то на странице пользователей, потом перейти на другую станицу (например profile), снова зайти на страницу пользователей и фильтр будет уже применен. Так как filter в сторе не зачищается. Наверное это нежелательное поведение.

[@Evgeny..]

Formik react typescript димыч спасибо js урок уроки

[@user-wr3dz2op1t]

Летим, React + TypeScript / Formik / React JS - Путь Самурая 2.0 !!!

[@haykmxitaryandinamoboks9759]

Димыч я на 75 аыпуске прошлого курса мне перейти на formik или использовать redyx-form?

[@user-wz1tn7fn4s]

Димыч, пожалуйста, поскорее рефакторинг работы с API)))) Thx) и все таки с хуками тоже интересно было бы посмотреть как редакс готовить)

[@sdd5132]

ты крутой !!!

[@VasylBatih]

Если чисто чтоб показать Formik то хорошо, а так то много движений для таких задач, и я например не храню фильтры и вообще все параметры в стейте, все что тут за час ты сделал делается за 15-20 минут с query-string и react-router-dom this.props.history.push{...} И кстати формик обновился немного, там тепер нужно покумемекать чтоб заработало, с передачой ивентов от формика, так работает {({isSubmitting, values, handleBlur, handleSubmit, handleChange}) => ( All Only friends Only unfolowed Submit )}

[@romanjob8152]

React + TypeScript / Formik / React JS Спасибі!

[@user-je1el3gj9d]

Лайк)

[@user-il4ph3fr6h]

Димон спасибо за урок, пожелание : оставляй ссылку на плейлист либо он есть но я не нашел, поправте если че

[@gusailov]

Formik ... летим

[@marina-ej4qd9kc1wh]

Formik - хорошо.

[@jonecramer3870]

Дим привет. Когда в api появится возможность добавлять посты? Спасибо огромное за твой труд!!

[@ITKAMASUTRA]

постараюсь добавить очень скоро! в течение месяца. закинул себе в таски

[@jonecramer3870]

@@ITKAMASUTRA Буду премного признателен)) 99 выпуск бомбим дальше)

[@aymkin]

@@ITKAMASUTRA Рекомендую посмотреть react-hook-form.com/ вместо Formik .

[@ReAgent003]

Привет! В качестве совета напиши пожалуйста личный топ-3 книг по реакту

[@shamilsalakhutdinov5519]

Йоу!

[@ITKAMASUTRA]

йоу ;)

[@djmobley647]

@@ITKAMASUTRA йоу йоу йоу йоу, класные ролики! Обожаю смотреть твой канал, удачи!!

[@redcrown5789]

Димыч, прошу прощения, если было. Можно ли как то сделать отправку формы и по энтеру и по кнопке "отправить"?

[@KarbofossKS]

Поставь событие onKeyDown и внутри обработчика события напиши по какой кнопке отсылать, в конце обработчика просто вызови сабмит.

[@user-gh4wz5eb4b]

TypeScript / Formik / React JS летим дальше!!!

[@user-dd2rm3wi9l]

Просмотры без санкций. ТХ и ссылки на контакты в описании на канале под роликом

[@KANAL_BEZ_STO_Remont_AVTO]

Коментарий от моего канала)

[@DubinArtur]

Можно использовать formik без типизации?

[@pavelsh6531]

У кого нибудь ругается на isSubmitting?? пишет Error: Binding element 'isSubmitting' implicitly has an 'any' type.

[@uzver3787]

*Уровень звука нужно меньше сделать а то дребежжит звук, когда громко. Formik search. Делал побуквеннный поиск с юз эффектом и сет тамаутом внутри, хотя есть варианты с интерсопторами и тротлингом, но с ними пока не знаком.

[@ITKAMASUTRA]

Будет про это позже ✊

[@polalp8599]

димыч мега пупер супер кун

[@ITKAMASUTRA]

в космос! Кун.. это??))

[@polalp8599]

@@ITKAMASUTRA , ну я не знаю, но что-то самурайское. Скорее всего. Ахах

[@ITKAMASUTRA]

@@polalp8599 ))))

[@maxim.saharov]

в формике initialValues={{term: '', friend: null}} - нельзя null делать - потому что потом в консоле ругается, я с пустой строкой сравнивал

[@maxim.saharov]

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

[@maxim.saharov]

maxim-saharov - назв. гитхаба и ReactKamasutra назв. Проекта

[@maxim.saharov]

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

[@user-pc9bl7uf1l]

React + TypeScript

[@tazalov]

React + TypeScript + Formik

[@lel2327]

Сделал без использования formik, а через локальный стейт и useEffect. Не знаю, насколько правильно, а вы как думаете?

[@flavkaabeats4182]

да я точно так же сделал, как и ты, всё работает, так что нормально

[@Karifax]

хмм...тоесть ты всех юзеров записывал в локальный стейт, и потом их в нем искал? Возможно это будет больше нагружать компьютер\ браузер, т.к. пользователей много и нужно этот огромный массив отсортировать..... Всего лишь предположение, могу быть не прав)))

[@artemarzumanyan7755]

Сделал проще с конвертацией - ничего не конвертировал! :))) У нас в селекте строка. В кваэри параметрах тоже должна быть строка (по-правильному). Так зачем конверировать? Вписал в селекте дефолтное значение '' (пустая строка), 'true' и 'false'. Тип один - строка. Короче, гимора 0. Ну и естественно, если в ?friend= отправить пустую строку, фильтр не будет работать. Как и должно быть.

[@arrowdev1042]

Рассказать что у меня, та голова уже плавится, надо проспаться, философствую потихоньку. С одной стороны #typescript экономит время а с другой очень много подводных камней которые отнимают время) то есть по сути время разработки одинаково что на js ловя ошибки что на ts колупая типы, разница что на выходе получаем более стабильное и правильное приложение которое удобно суппортить. А я помню как хейтил тайпскрипт и говорил если мне надо типизация могу вернуться на c# зачем мне эти ограничения хочу свободы, js это круто.... Эх зелёный был)))

[@dimageorgiev5798]

🚀🚀🚀🚀🚀👍👍

[@mrmicolka]

React + TypeScript / Formik

[@mrmicolka]

Создал второй акк и словил это: Your current plan will expired after: account blocked Как разблокировать? Нужно для второго акка генерить API-key и запускать клиент с ним?

[@ITKAMASUTRA]

Да, ваш апи-ключ может работать только с 1 аккаунтом!

[@VasylBatih]

Сделай видео по redux-saga)

[@gimtonic]

автор, гит репо какой?

[@user-pb3yt3bo9u]

React + TypeScript / Formik / React JS

[@rokkuro]

#formik #typescript #reactJS

[@iGotton]

+

[@user-dn4ry3uw8i]

TypeScript / Formik / React JS

[@narutominer]

У меня какой-то бан произошёл с формиком, и селект не работал. Я переустановил библиотеку, и всё заработало.

[@pavlokavulych9700]

😐 коли прийшов з 75 уроку, а виявилось що з дитячого садку

[@user-je1el3gj9d]

Димыч, залей это в репозиторий а то там последний урок 10

[@ITKAMASUTRA]

Ага, на днях новую серию сниму и закину тогда!

[@ilonadev9342]

13 - React + TypeScript / Formik / React JS - Путь Самурая 2.0

[@StepanVorobiov]

мне ещё неплохой штукой показалась react-jsonschema-form