Тёмный

⚡️Быстрый курс по React Hook Form | Формы в React - Легко! 

RED Group
Подписаться 69 тыс.
Просмотров 43 тыс.
50% 1

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 60   
@REDGroupPlus
@REDGroupPlus 3 месяца назад
Свежий курс - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HINcYkdFKHY.html
@REDGroup
@REDGroup 2 года назад
🔥 Оформить премиум подписку - htmllessons.ru/premium? Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 160 лайков и я снимаю следующий быстрый курс Если есть какие то фишки по этой теме - дай знать в 💬 комментариях! Тайм коды: 00:00 - Начало 00:31 - Что это такое? 02:12 - Установка React Hook Form 05:47 - Хук useForm 06:18 - Функция submit 06:47 - Как работать с TypeScript? 09:34 - Базовое подключение (register) 10:28 - Валидация (обязательное поле и прочие условия) 10:58 - Сообщение об ошибке 13:41 - С помощью регулярных выражений 17:09 - Сброс формы 17:54 - useForm опции 19:26 - Получаем значения (getValues) 21:46 - Отслеживание изменений (watch) 22:58 - Состояние формы (formState) 23:57 - Заполнить поля (setValue) 25:50 - Сложные подключения (Controller) на примере выпадающего меню 36:38 - Практика: Форма доставки
@dimkaokk
@dimkaokk 2 года назад
привет что за расширение на подсказки ?
@REDGroup
@REDGroup 2 года назад
Какие подсказки?
@dimkaokk
@dimkaokk 2 года назад
@@REDGroup к примеру когда доставал значения из объекта в хуке useForm
@prototype1269
@prototype1269 2 года назад
Ролик имба лютейшая, можно упростить кодинг используя react-hook-form. Спасибо!
@bama2619
@bama2619 2 года назад
Ты крут. Спасибо. Надо будет другие видео посмотреть. Ниспадающее меню! Хоть увидел как его можно будет делать. 3:55 Начало. Установка.
@АлександрЮсюз-я8м
@АлександрЮсюз-я8м 2 года назад
очень ждём быстрый курс по React-select, сейчас с ним мучаюсь
@REDGroup
@REDGroup 2 года назад
Круто, значит спрос есть. Там да очень много мучений. Особенно в стилизации и multiple режиме
@АлександрЮсюз-я8м
@АлександрЮсюз-я8м 2 года назад
@@REDGroup мне сейчас нужно было стилизовать бордеры в активном состоянии, в итоге конечно понял что нужно работать с theme но всё таки(
@REDGroup
@REDGroup 2 года назад
Ну там либо theme или через css, с помощью classnamePrefix. Я через второй вариант делал
@ГеннадийГорохов-ц8н
@ГеннадийГорохов-ц8н 7 месяцев назад
Шикарное видео спасибо!!!!
@ОбидинНиколай
@ОбидинНиколай Год назад
Спасибо большое как раз искал интенсив по react form
@SanjarKodirov-ww3le
@SanjarKodirov-ww3le Год назад
Шикарный урок ; ) спасибо
@ВаняКозачук-ж8к
Дякую за курс
@cranberry888
@cranberry888 2 года назад
Привет, можешь рассказать как выучить php, или как ты выучил Можешь ещё shorts записать где показываешь ресурсы для изучения ( это как идея для видео, помню ты на стриме спрашивал, к сожалению у меня тогда были дела и я не смог поприсутствовать на стриме )
@REDGroup
@REDGroup 2 года назад
По php. Не могу рассказать
@Evgeny..
@Evgeny.. 2 года назад
Макс, ну очень поверхностно, сорри за критику, но тут тебе бы стоило постараться по больше.
@REDGroup
@REDGroup 2 года назад
Так это быстрый курс, в котором даются все основные базовые моменты, взяв которые за короткий срок ты идёшь и практикуешься.
@alexg1431
@alexg1431 Год назад
Огромное спасибо! Очень помог эпизод с watch, я неправильно пытался отслеживать значения полей через getValues 🤦‍♂
@dmaberlin
@dmaberlin Год назад
Спасибо!
@jaderyder9123
@jaderyder9123 2 года назад
18:17 onBlur возникает при потере фокуса элемента, а не при фокусе на элемент
@REDGroup
@REDGroup 2 года назад
Точно!
@farrukhx7143
@farrukhx7143 Год назад
Не догоняю, как менять шрифт ошибок? Там же где задаем цвет, указывал fontSize, но 0 реакции хм
@sashapticin
@sashapticin Год назад
Привет Макс! Подскажи, на 17:40 ты открываешь скобки {} для написания defaultValues, но перед этим у тебя выскакивает подсказка со всем функционаом. Как сделать у себя такое же, чтобы подсказки отображали весь список возможных опций?
@REDGroup
@REDGroup Год назад
Option + esc
@sashapticin
@sashapticin Год назад
@@REDGroup не знаешь, на винде такое есть?)
@sashapticin
@sashapticin Год назад
Нашел. Ctrl+space
@maxstetsenko8626
@maxstetsenko8626 2 года назад
Привет, спасибо за видео Правильно ли я понимаю ? Если у меня компонент То тогда использую конструкцию Как на примере с селектом из библиотеки
@REDGroup
@REDGroup 2 года назад
Привет, да. Все есть в доке
@АлександрИванькович-т9ф
Хорошая библиотека и довольно простая в мзучении мне нравится спасибо за курс
@souldock
@souldock 2 года назад
Как можно сделать подтверждение королей?
@maxamax5695
@maxamax5695 Год назад
14:17 время ты сказал, как делать по хорошему. Можно чутка подробней. мучаюсь с этим
@Aster_Play
@Aster_Play 2 года назад
Привет! Подскажи пожалуйста какие языки программирования нужны учить новичку для создания программ для iOS и android?
@kostyafrompiter
@kostyafrompiter 2 года назад
Android - Java, Kotlin(он сейчас основной) Ios - Swift. Языки для всех платформ - Flutter, React Native
@Aster_Play
@Aster_Play 2 года назад
@@kostyafrompiter спасибо!
@bloon1k
@bloon1k 2 года назад
@@Aster_Play как успехи?
@schrodinger_s_cat_theory
@schrodinger_s_cat_theory Год назад
👍
@иванминин-ж5р
@иванминин-ж5р 2 года назад
Как обработать ошибку сервера? Допустим приходит статус 403, что такой email уже есть. Как получить доступ к input и передать ему эту ошибку ?
@REDGroup
@REDGroup 2 года назад
Легко, смотрите наши интенсивы. Такие вещи в комментариях не объяснить
@иванминин-ж5р
@иванминин-ж5р 2 года назад
@@REDGroup где смтреть то
@REDGroup
@REDGroup 2 года назад
На сайте оплачиваете подписку htmllessons.ru/premium и в продвинутых интенсивах это разбиралось
@knuckless__
@knuckless__ Год назад
куда ты так спешишь?
@sieghardt8191
@sieghardt8191 9 месяцев назад
В новом NextJS использовать не получится уже. В 14 версии эта библа выдает ошибку, что не видит функцию useForm Вернее Webpack говорит, что не видит useForm
@REDGroup
@REDGroup 9 месяцев назад
Все работает, это ваша личная проблема в проекте
@javascripttask7556
@javascripttask7556 2 года назад
а что с getValue не получилось ?
@REDGroup
@REDGroup 2 года назад
Можете более конкретно задать вопрос, я же уже не помню что было в видео
@javascripttask7556
@javascripttask7556 2 года назад
@@REDGroup сорян, всё норм, я загнался ))
@НикитаФадеев-л6ш
@НикитаФадеев-л6ш 2 года назад
Хотел бы ты поучаствовать в проекте, который потенциально будут использовать от нескольких тысяч до нескольких миллионов человек ежедневно?
@REDGroup
@REDGroup 2 года назад
Нет
@kostyafrompiter
@kostyafrompiter 2 года назад
Бесплатно только новички будут работать, время ценнейший ресурс. А ещё и отдохнуть надо успеть.
@НикитаФадеев-л6ш
@НикитаФадеев-л6ш 2 года назад
@@kostyafrompiter Само собой не бесплатно
@Aster_Play
@Aster_Play 2 года назад
Хотела давно спросить.. Ты хотел бы в дискорде сервер создать?
@REDGroup
@REDGroup 2 года назад
Не разу не использовал дискорд, но уже подписчики говорили об этом. Пока не понимаю для чего?
@Aster_Play
@Aster_Play 2 года назад
@@REDGroup Я думаю что комьюнити хочет познакомиться с друг другом. Найти так говоря однодумцев.. И возможно узнать о будущего канала из твоих уст.. Или просто подружиться. Но это моё мнение. Если хочешь я могу помочь в создании сервера. Я пользуюсь дискордом уже не первый год.. но решение за тобой. Если всё-таки решишься создать сервер и тебе будет нужна помощь то я могу скинуть тебе мой телеграмм.. если конечно хочешь..
@REDGroup
@REDGroup 2 года назад
Я подумаю, на всякий скинь телеграм
@Aster_Play
@Aster_Play 2 года назад
@@REDGroup ты получил мой телеграмм? А то я отправляю сообщение а оно удаляется… ( в комментариях )
@REDGroup
@REDGroup 2 года назад
Не пришло, напиши на почту info@htmllessons.ru
@theoty-js
@theoty-js 2 года назад
React js javascript интенсив mobx хуки hookform курсы по реакту программирование обучение web spa npm function class useform object
Далее
React и TypeScript - Быстрый Курс
1:40:52
Просмотров 351 тыс.