Невероятно полезное, а главное простое и доходчивое объяснение! Михаил, не забрасывайте пожалуйста Ваше дело, учиться по Вашим курсам одно удовольствие
Для того, чтобы грамотно и без воды объяснить суть на понятных примерах, нужно хорошо разобраться в теме. Что у вас прекрасно получается) Спасибо за ваш профессионализм, Михаил!
@@Sashaa Привет, только увидел оповещение об ответе. Учился я с большими перерывами, но активной учебы было пол года, прямо сутками сидел уже сам. До этого были курсы, в числе их и занятие у автора канала, которые задали вектор, но полностью погрузится тогда не удалось и если честно далеко не все понял в полной мере, что читали. Наверное тут главно не бросать и не ждать что с первого раза все усвоится. Хорошо если и будет так, но мне кажется во многом влитая в первые ошибки и сломанные программы ты начинаешь куда лучше понимать как сделать что бы работало, а уже потом учишься делать что бы и работало и было красиво и правильно. Сейчас дела относительно неплохо, работаю в стартапе с довольно интересными проектами.
Добрый вечер! Подскажите, как искали работу. Есть ли у вас портфолио? Что было на собеседовании? Когда захожу на hh и смотрю требования, то думаю, что никогда не найду работу
Спасибо огромнейшее за контент! С удовольствием смотрю новые видео и иногда возвращаюсь к старым, каждый раз нахожу ту информацию что искал, а так же что то новое! От души.
Спасибо, Мужик! Очень круто! Мой инглиш оставляет желать лучшего и без твоего урока, так и не смог нормально прочитать документацию, а переводчик просто ЖЖЁТ и путает еще сильнее
Михаил, это чудесно! Мне больше понравилось, чем видео на оф. сайте. Плюс ваша ремарка о поддержке UI-библиотек оказалась весьма кстати. Не нашла на их сайте, а вы нашли. Спасибо😘
ОООО СПЕР ! я как раз делаю тестовое и там требуют использовать RHF. Так то основное уже запилил, но будет здорово проверить себя и допилить. Ставлю лайк и начинаю смотреть.
Спасибо за ролик, действительно упрощает работу! Михаил, насколько правильным является валидация форм через redux tool kit? Складывать при изменения формы ошибки и значения в стейт и доставать в нужно месте? Кто то пишет, что это плохая практика, кто то нормальная. Вы как считает?
Приветствую. Смотря что вы считаете правильным местом. Если информация об ошибках внутри самой формы, то редакс будет избыточен. Если во всплывающем окне, например, то может быть оправдано.
@@mishanep Спасибо! Я просто наткнулся на такую библиотеку как redux form, как оказалось автор свернул работу по ней со словами Generally, please don't store live form data in Redux. Поэтому я подумал может редакс вообще не подходит под живую валидацию.
Спасибо за объяснения , подскажите пожалуйста есть инпут пароля и при клике на иконку , надо поменять type инпута , как правильно будет обратиться к нему ? Пока сложно перейти с чистого js в react
а подскажите кто-нибудь как сделать чтобы при первом рендере поля, которые необходимо заполнить выделялись как-то, ну точнее чтобы ошибка "поле необходимо заполнить" появлялась сразу при открытии страницы, а не после клика на инпут, потому что формы бывают большими и кнопка задисэйблена, но какое поле точно нужно ввести не понятно, HELP anybody!
Или к примеру я хочу сделать проверку пользователя, "Введены некорректные данные" или же "Данный пользователь уже зарегистрирован" или "Некорректный логин или пароль"
Подскажите пож как можно разделить форму, чтоб разбить по компонентам и в отдельном файлике прописать валидацию к инпутам? Сам уже несколько дней ковыряю - одна сплошная ошибка (ругается на реф, не видит валидацию). Может было бы проще, но я использовал материал юай в довесок :))). Документация хук форм тяжело дается, английский слабоват. П.С. Спасибище за крутяцкий контент. Все мега доступно, понятно и конструктивно)
Спасибо! Ребят кто подскажет, что значит знак вопроса(errors?.firstName?. и тд) или это тернарное выражение? Просто не особо понимаю логику написания его тут.
Это из TypeScript ?. оператор для доступа к необязательным свойствам TypeScript может немедленно остановить выполнение некоторых выражений, если мы столкнемся с нулевым или неопределенным значением. В ином случае будет ошибка вылетать об отсутствии данных.
Пока не планирую. Видел в сети в этом году целый цикл на эту тему, и повторяться не хочу. Точно где не скажу, мне в твиттер ленте вылетали выпуски, их там более десятка по саге.
Затем что если у вас не будет ошибки в поле login, то error.login будет равен undefined, а при попытке запросить в таком случае errors.login?.type приведет к ошибке. Потому что у undefined не может быть никаких ключей через точку. Такая запись называется optional chainig и является современной альтернативой проверки errors.login && errors.login.type
Миша, пожалуйста, сделай видео по React-Query. Твои примеры и объяснения с наслаждением смотришь, а на русском сегменте Ютуба про эту библиотеку ничего нет, либо говно снимают)
Для type="url" нет валидации. Чтоб она работала надо добавить инпуту type="url" и minLength в register, указать номер не меньше 5, вот так: тогда будет доступен typeMismatch
Там onChange тоже по-хитрому можно задавать. Можно добавить свою обработку, сохранив ту, что использует библиотека. В документации были соответствующие примеры. По поводу url, лучше наверное регулярку правильную подобрать.
Невероятно полезное, а главное простое и доходчивое объяснение! Михаил, не забрасывайте пожалуйста Ваше дело, учиться по Вашим курсам одно удовольствие
Для того, чтобы грамотно и без воды объяснить суть на понятных примерах, нужно хорошо разобраться в теме. Что у вас прекрасно получается) Спасибо за ваш профессионализм, Михаил!
Как же грамотно все объяснено. Спасибо вам за такую работу!
Большое спасибо за ваши видео и курсы. Во многом благодаря им получил вчера первый оффер!
Поздравляю, Евгений!
Очень рад за вас!
сколько учился до первого офера?
как сейчас дела?
@@Sashaa Привет, только увидел оповещение об ответе.
Учился я с большими перерывами, но активной учебы было пол года, прямо сутками сидел уже сам. До этого были курсы, в числе их и занятие у автора канала, которые задали вектор, но полностью погрузится тогда не удалось и если честно далеко не все понял в полной мере, что читали. Наверное тут главно не бросать и не ждать что с первого раза все усвоится. Хорошо если и будет так, но мне кажется во многом влитая в первые ошибки и сломанные программы ты начинаешь куда лучше понимать как сделать что бы работало, а уже потом учишься делать что бы и работало и было красиво и правильно.
Сейчас дела относительно неплохо, работаю в стартапе с довольно интересными проектами.
@@yevgenymakkaveev7708 спасибо, удачи вам!
Добрый вечер! Подскажите, как искали работу. Есть ли у вас портфолио? Что было на собеседовании?
Когда захожу на hh и смотрю требования, то думаю, что никогда не найду работу
Михаил, большая честь учиться по Вашим урокам. Очень эффективно.
Спасибо! Устала искать ошибку, почему все не работало, а тут одно видео и счастье
Михаил, большое спасибо за видео! Все очень понятно и без воды.
Большое спасибо! Все очень понятно, можно быстро разобраться) И отдельное спасибо за приятную речь и отсутствие воды)
Коротко и очень понятно. Здорово объясняете!! Спасибо вам, Михаил!!
Отличная подача, обращение к документации.Думаю будет понятно даже чайникам которые ещё даже не работали с React'ом.Спасибо
Спасибо огромнейшее за контент! С удовольствием смотрю новые видео и иногда возвращаюсь к старым, каждый раз нахожу ту информацию что искал, а так же что то новое! От души.
Михаил, спасибо Вам огромное за ваши видео уроки!!!!
Михаил, у вас очень классные видео, все подробно и понятно, спасибо ❤
Очень хорошо рассказываешь, что позволяет быстро во всем разобраться. Спасибо.
Профессионал своего дела😎, спасибо вам
Просто отличнейшее объяснение!!! Спасибо огромное! Всего Вам самого наилучшего!
Михаил, спасибо за урок. Очень полезная библиотека. Обязательно буду использовать ее в своих проектах.
Спасибо за обзор и примеры) Было бы интересно посмотреть уроки по углубленной работе с хукФорм.
Спасибо! Кратко и понятно. На первый взгляд проще чем Formik
Спасибо, Мужик! Очень круто! Мой инглиш оставляет желать лучшего и без твоего урока, так и не смог нормально прочитать документацию, а переводчик просто ЖЖЁТ и путает еще сильнее
Спасибо!
Если будет возможность, расскажи, пожалуйста, про использование отдельных библиотек валидации и интернационализации в React.
Библиотека обновилась и ваш урок очень кстати, спасибо за вашу работу, лайк и подписка)
Спасибо за видео - подача просто шикарная, очень помогло 🔥
Мне это напомнило чём-то работу с Form от старого AntD, ролик бомба!
Спасибо за столь полезную информацию
самый недооценённый канал на ютубе по тематике)
очень хороший гайд, спасибо!
Ой ой ой! Красавчик! Лайк за крутое объяснение!
Михаил спасибо за ваши видео очень понятные и полезные, удачи вам!
Михаил, это чудесно! Мне больше понравилось, чем видео на оф. сайте. Плюс ваша ремарка о поддержке UI-библиотек оказалась весьма кстати. Не нашла на их сайте, а вы нашли. Спасибо😘
Спасибо! То, что я искал
Спасибо за видео, то что нужно!
Михаил спасибо вам за ваши видео!!! Много смотрел и учился по разным видео но ваши видео и объяснения очень помогли !!!
О, я как раз сейчас впервые на проекте начал испольтзовать react-hook-form.
отличная информация отлично подана, спасибо большое!
Спасибо большое за ролик, очень много времени сэкономили
ОООО СПЕР ! я как раз делаю тестовое и там требуют использовать RHF. Так то основное уже запилил, но будет здорово проверить себя и допилить. Ставлю лайк и начинаю смотреть.
Спасибо, пригодилось на проекте!))
Спасибо за ролик. Все очень понятно
Thank you, very easy to catch up.
Был очень полезен!
Спасибо, отличная подача материала :)
Спасибо! Возьму на вооружение. Намного проще чем формик и юп).
Спасибо за урок!
Ну ты парен гигант, 💣❤🔥👌💪👋👏
Спасибо. Очень крутое видео)
Очень помогли. Спасибо.
Спасибо, всё чётко и понятно.
спасибо очань чётка коротко и ясно
Супер мега харош
Расскажите пожалуйста как пользоваться eslint+prettier в проектах
Nice tutorial.... Very helpful
spasibo za video,,!!!!!
Ещё из плюсов - она хорошо работает в связке с yup
Лайк не глядя)
спасибо!
Спасибо!
Супер!
Спасибо
Сделай плизвидео про RHF + Yup. Для примера думаю идеально подойдет форма регистрации с несколькими шагами. Спасибо
Что популярнее React Hook Form или Formik?
Что думаешь про antd forms? Если в проекте уже есть antd, стоит ли тянуть еще либу для управления формами?
Теперь не хватает Formik и Yup ))
Спасибо за ролик, действительно упрощает работу! Михаил, насколько правильным является валидация форм через redux tool kit? Складывать при изменения формы ошибки и значения в стейт и доставать в нужно месте? Кто то пишет, что это плохая практика, кто то нормальная. Вы как считает?
Приветствую. Смотря что вы считаете правильным местом. Если информация об ошибках внутри самой формы, то редакс будет избыточен. Если во всплывающем окне, например, то может быть оправдано.
@@mishanep Спасибо! Я просто наткнулся на такую библиотеку как redux form, как оказалось автор свернул работу по ней со словами Generally, please don't store live form data in Redux. Поэтому я подумал может редакс вообще не подходит под живую валидацию.
А стили к форме какие применили?
Спасибо за объяснения , подскажите пожалуйста есть инпут пароля и при клике на иконку , надо поменять type инпута , как правильно будет обратиться к нему ? Пока сложно перейти с чистого js в react
Попробуйте через ref. Посмотрите в сторону хука useRef
а как передавать значения во вложенные элементы
?
а подскажите кто-нибудь как сделать чтобы при первом рендере поля, которые необходимо заполнить выделялись как-то, ну точнее чтобы ошибка "поле необходимо заполнить" появлялась сразу при открытии страницы, а не после клика на инпут, потому что формы бывают большими и кнопка задисэйблена, но какое поле точно нужно ввести не понятно, HELP anybody!
Hola! Подскажите пожалуйста, куда необходимо прописать функцию, которая отправляет данные(email, password) для авторизации?
Hola!
Если правильно понимаю задачу, то в хэндлер сабмита формы.
Добрый день. Спасибо большое за видео. А с Валидацией пароля будет такая же логика?
Или к примеру я хочу сделать проверку пользователя, "Введены некорректные данные" или же "Данный пользователь уже зарегистрирован" или "Некорректный логин или пароль"
Подскажите пож как можно разделить форму, чтоб разбить по компонентам и в отдельном файлике прописать валидацию к инпутам? Сам уже несколько дней ковыряю - одна сплошная ошибка (ругается на реф, не видит валидацию). Может было бы проще, но я использовал материал юай в довесок :))). Документация хук форм тяжело дается, английский слабоват.
П.С. Спасибище за крутяцкий контент. Все мега доступно, понятно и конструктивно)
да но почему когда прописываю (const {} = useForm()) вечно ругается на useRef если даже я его не прописывал
Спасибо! Ребят кто подскажет, что значит знак вопроса(errors?.firstName?. и тд) или это тернарное выражение? Просто не особо понимаю логику написания его тут.
Это из TypeScript
?. оператор для доступа к необязательным свойствам
TypeScript может немедленно остановить выполнение некоторых выражений, если мы столкнемся с нулевым или неопределенным значением.
В ином случае будет ошибка вылетать об отсутствии данных.
@@promoabys Спасибо)
Добрый день, Михаил. Будет ли обучающее видео по redux-saga?
Пока не планирую. Видел в сети в этом году целый цикл на эту тему, и повторяться не хочу. Точно где не скажу, мне в твиттер ленте вылетали выпуски, их там более десятка по саге.
А почему обязательно нужно поставить знак вопроса чтобы работало? errors.login?.type
Затем что если у вас не будет ошибки в поле login, то error.login будет равен undefined, а при попытке запросить в таком случае errors.login?.type приведет к ошибке. Потому что у undefined не может быть никаких ключей через точку. Такая запись называется optional chainig и является современной альтернативой проверки errors.login && errors.login.type
@@mishanep Спасибо за разъяснение!
Миша, пожалуйста, сделай видео по React-Query.
Твои примеры и объяснения с наслаждением смотришь, а на русском сегменте Ютуба про эту библиотеку ничего нет, либо говно снимают)
Никогда не работал c React Query, только с похожим на него RTK Query, что вместе с Redux Toolkit идет (на канале есть видео про него).
Вопрос, а как бороться с пробелами ? Если вместо 5 символов передали 5 пробелов
В js для строк есть метод trim, который очищает лишние пробелы.
@@mishanep Уже нашел решение с помощью setValue и там делаю trim(). Чтобы валидация не учитывала пробелы как символ
а есть урок или будет урок с методом входа в приложение через jwt token ?
Есть базовый пример авторизации через Firebase ua-cam.com/video/ivtbRBEjLW8/v-deo.html
Там упрощенный вариант jwt.
Оч логично написать то же но с сохранением состояния в Redux
А на чистом JS кто нибудь щас пишет валидацию формы в продакшене?
Конечно. Немало сайтов, вообще не использующих фреймворки - одна ванилла. Оно сложнее, но работает обычно быстрее.
Хорошее видео, но очень мелко - пытка для глаз
А библиотека для валидации форм оказалась не такой уж непонятной. До этого всегда писал валидацию самостоятельно.)
Да, очень удобно :)
Для type="url" нет валидации. Чтоб она работала надо добавить инпуту type="url" и minLength в register, указать номер не меньше 5, вот так:
тогда будет доступен typeMismatch
и еще... mode: 'onChange' не будет работать, если у инпута стоит обработчик 'onChange'
Там onChange тоже по-хитрому можно задавать. Можно добавить свою обработку, сохранив ту, что использует библиотека. В документации были соответствующие примеры. По поводу url, лучше наверное регулярку правильную подобрать.
Отличное обьяснение, спасибо!
Супер! Спасибо Вам большое!
огромное спасибо - это прекрасное и очень толковое объяснение))
Спасибо!