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