Валидация форм с react-hook-form в React-приложениях 

Поздравляю, Евгений! Очень рад за вас!

сколько учился до первого офера? как сейчас дела?

@@Sashaa Привет, только увидел оповещение об ответе. Учился я с большими перерывами, но активной учебы было пол года, прямо сутками сидел уже сам. До этого были курсы, в числе их и занятие у автора канала, которые задали вектор, но полностью погрузится тогда не удалось и если честно далеко не все понял в полной мере, что читали. Наверное тут главно не бросать и не ждать что с первого раза все усвоится. Хорошо если и будет так, но мне кажется во многом влитая в первые ошибки и сломанные программы ты начинаешь куда лучше понимать как сделать что бы работало, а уже потом учишься делать что бы и работало и было красиво и правильно. Сейчас дела относительно неплохо, работаю в стартапе с довольно интересными проектами.

@@yevgenymakkaveev7708 спасибо, удачи вам!

Добрый вечер! Подскажите, как искали работу. Есть ли у вас портфолио? Что было на собеседовании? Когда захожу на hh и смотрю требования, то думаю, что никогда не найду работу

Попробуйте через ref. Посмотрите в сторону хука useRef

Никогда не работал c React Query, только с похожим на него RTK Query, что вместе с Redux Toolkit идет (на канале есть видео про него).

Или к примеру я хочу сделать проверку пользователя, "Введены некорректные данные" или же "Данный пользователь уже зарегистрирован" или "Некорректный логин или пароль"

Hola! Если правильно понимаю задачу, то в хэндлер сабмита формы.

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

@@mishanep Спасибо! Я просто наткнулся на такую библиотеку как redux form, как оказалось автор свернул работу по ней со словами Generally, please don't store live form data in Redux. Поэтому я подумал может редакс вообще не подходит под живую валидацию.

Пока не планирую. Видел в сети в этом году целый цикл на эту тему, и повторяться не хочу. Точно где не скажу, мне в твиттер ленте вылетали выпуски, их там более десятка по саге.

да но почему когда прописываю (const {} = useForm()) вечно ругается на useRef если даже я его не прописывал

Это из TypeScript ?. оператор для доступа к необязательным свойствам TypeScript может немедленно остановить выполнение некоторых выражений, если мы столкнемся с нулевым или неопределенным значением. В ином случае будет ошибка вылетать об отсутствии данных.

@@promoabys Спасибо)

Есть базовый пример авторизации через Firebase ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ivtbRBEjLW8.html Там упрощенный вариант jwt.

Затем что если у вас не будет ошибки в поле login, то error.login будет равен undefined, а при попытке запросить в таком случае errors.login?.type приведет к ошибке. Потому что у undefined не может быть никаких ключей через точку. Такая запись называется optional chainig и является современной альтернативой проверки errors.login && errors.login.type

@@mishanep Спасибо за разъяснение!

В js для строк есть метод trim, который очищает лишние пробелы.

@@mishanep Уже нашел решение с помощью setValue и там делаю trim(). Чтобы валидация не учитывала пробелы как символ

Пока не планирую.

@@mishanep жаль(

Конечно. Немало сайтов, вообще не использующих фреймворки - одна ванилла. Оно сложнее, но работает обычно быстрее.

Да, очень удобно :)

и еще... mode: 'onChange' не будет работать, если у инпута стоит обработчик 'onChange'

Там onChange тоже по-хитрому можно задавать. Можно добавить свою обработку, сохранив ту, что использует библиотека. В документации были соответствующие примеры. По поводу url, лучше наверное регулярку правильную подобрать.