Курс React Hook Form за 40 минут! RED Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ม.ค. 2025

ความคิดเห็น • 72

  • @REDGroupPlus
    @REDGroupPlus  4 หลายเดือนก่อน

    Всех с праздником! 🎉
    🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium
    *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!

  • @REDGroupPlus
    @REDGroupPlus  7 หลายเดือนก่อน +1

    🔥Оформить премиум подписку (теперь все мастер-классы, также в подписке) - htmllessons.io/premium
    Поддержи видео лайком, 700 лайков 👍 и я делаю полный курс по Nest.js!
    00:00 - Начало
    01:07 - В этом видео
    01:19 - Что такое React Hook Form?
    02:40 - Установка React
    05:24 - Установка react-hook-form
    06:20 - Стили формы
    10:19 - useForm
    14:12 - Опции формы
    15:08 - Типизация формы
    19:00 - Валидация
    20:00 - Состояние формы
    20:50 - Вывод ошибки
    23:23 - Расширенные техники
    27:14 - Еше немного полезностей
    28:00 - Controller
    32:00 - Пропсы
    33:33 - useFormContext
    37:55 - Заключение

    • @serikurazmaxambetov.v2
      @serikurazmaxambetov.v2 6 หลายเดือนก่อน

      про конфликт с сниппетом: ты же можешь просто нажать escape в vscode и сниппет исчезнет

  • @vadim_romanov
    @vadim_romanov 6 หลายเดือนก่อน +1

    спасибо, что снимаешь такие курсы
    быстро познакомиться с популярной технологией - самое-то
    формат огонь, роста каналу, лучший)
    пс: в конце я что-то запутался, но потом разобрался) контекст форм похож на реактовский)

  • @АрсенМахмудов-н2д
    @АрсенМахмудов-н2д 6 หลายเดือนก่อน +1

    Пару слов в поддержку канала! Большое спасибо автору за супер актуальные уроки!

  • @Cherry.Blossom.11
    @Cherry.Blossom.11 6 หลายเดือนก่อน

    Классные быстрые курсы! Кратко и без воды! Очень хочется такой курс по react router dom

  • @_Good_Evening_
    @_Good_Evening_ 4 หลายเดือนก่อน

    Спасибо!!! Очень крутое видео, все четко, быстро, без воды!!!

  • @СветланаАндреевна-х8р
    @СветланаАндреевна-х8р 6 หลายเดือนก่อน +3

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

    • @REDGroupPlus
      @REDGroupPlus  6 หลายเดือนก่อน +1

      Очень приятно, стараемся 🔥

  • @tezis.digital
    @tezis.digital 7 หลายเดือนก่อน +11

    Курс по graphql был бы очень полезен, давно ждём! 🚀🚀🚀🚀

  • @ilyatemnikov9624
    @ilyatemnikov9624 5 วันที่ผ่านมา

    стили формы прям смеялся, автор хотел побыстрее, но менял и менял это дело, такая жиза)) 😂

  • @hazhev
    @hazhev 7 หลายเดือนก่อน

    Макс, контент на высшем уровне! Спасибо большое за то что ты делаешь!

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Пожалуйста, стараемся.

  • @МишаКоваленко-ы4м
    @МишаКоваленко-ы4м 7 หลายเดือนก่อน +3

    Урааа я дождался спасибо за курс. Ред Груп можешь как нибудь наверное записать видео про авторизацию JWt и реакт очень интересно

  • @tobehard
    @tobehard 7 หลายเดือนก่อน

    Большое спасибо за гайды)

  • @ИванКозлов-й8в
    @ИванКозлов-й8в 6 หลายเดือนก่อน +1

    контекст удобно использовать, чтобы не закидывать кастомные checkbox, инпуты и т.п. в Controller. Хотя тут вопросы по архитектуре, то есть в простом инпуте лежит логика, когда он должен относиться к shared - короче вариант ни плохой, но в меру =)

  • @ЕвгенийТ-ч8в
    @ЕвгенийТ-ч8в 7 หลายเดือนก่อน +4

    А добавить для второй кнопки type="button" не помогло бы разве избавиться от сабмита формы?

    • @REDGroupPlus
      @REDGroupPlus  6 หลายเดือนก่อน

      preventDefault надежнее

  • @azrailvo
    @azrailvo 7 หลายเดือนก่อน

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

  • @nickolaizein7465
    @nickolaizein7465 7 หลายเดือนก่อน

    Полезно! Классно! Интересно!

  • @ivancelloo
    @ivancelloo 10 วันที่ผ่านมา

    лучший спикер! четко, профессионально, без воды! чувствуется реальный профессионализм, чего нет у остальных блогеров!
    Владилен Минин нервно курит в сторонке

  • @GracianWeatherman
    @GracianWeatherman 6 หลายเดือนก่อน

    Ролик крутой, не знал что через reset можно редактировать поля, когда будет урок по nest ? и сделай урок по graphql + apolio, я в этих вещах ноль пока-что, интересно как это делается на front-end и урок по базе данных graphql тоже нужно

  • @himawari3873
    @himawari3873 7 หลายเดือนก่อน

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

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Честно пока не вижу в ней необходимости. Есть прекрасные Jotai или zustand.

  • @vovakormishenkov7958
    @vovakormishenkov7958 7 หลายเดือนก่อน +2

    Макс, а почему ты используешь reset, а не defaultValues что бы добавить значения полям?

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Ну потому что более вариативно. Когда к примеру получаешь данные и хочу слушать событие, а потом надо обновить подгрузить данные в форму.

  • @vendjin
    @vendjin 7 หลายเดือนก่อน

    спасибо за Reset, я тоже мапом пробегался

  • @marksakhar1319
    @marksakhar1319 7 หลายเดือนก่อน

    Макс, привет! Спасибо большое за урок. Хотел спросить, планируешь ли ты какие-то интенсивы, как ты раньше делал "Делаем клон чего-то за 7 дней" ?

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน +1

      Привет, нет. Времени как раньше больше нет

  • @iluyazalytsky1325
    @iluyazalytsky1325 6 หลายเดือนก่อน +1

    Привет, подскажи, могу ли я купить мастер классы по авторизации,сео, и тд. комплектом сейчас ?

    • @REDGroupPlus
      @REDGroupPlus  6 หลายเดือนก่อน

      Привет, по запросу в нашем боте можно red_support_bot

  • @grigodoes
    @grigodoes 6 หลายเดือนก่อน

    Хорошее обзорное видео вышло
    35:00 - это же HOC получается, да?

    • @REDGroupPlus
      @REDGroupPlus  6 หลายเดือนก่อน

      HOC вымерли вместе с классами. А это просто компонент

  • @RomanB-od1qn
    @RomanB-od1qn 7 หลายเดือนก่อน +2

    А по vite будет курс ?

    • @REDGroupPlus
      @REDGroupPlus  6 หลายเดือนก่อน

      Может быть, но пока интереса нет.

  • @ЯнКастрюл
    @ЯнКастрюл 7 หลายเดือนก่อน

    Легенда!

  • @hecker798
    @hecker798 7 หลายเดือนก่อน

    Было бы очень круто если бы ты в курсе по Nest Js рассказал как и где можно бесплатно деплоить бэк, я пытался задеплоить бэк для пет проекта на vercel и render и логи говорили что все хорошо, но сервер вообще не отвечал, без понятия почему так.

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน +1

      Я в этой теме не разбираюсь, я всегда покупаю сервер и разворачиваю Ubuntu и все вещи. На основном канале было видео про деплоц

  • @escobar929
    @escobar929 2 หลายเดือนก่อน

    красава!!

  • @artemkyslyi1358
    @artemkyslyi1358 7 หลายเดือนก่อน

    Контент топ 😎👍

  • @parmetra
    @parmetra 7 หลายเดือนก่อน

    Будут ли проекты на Vue или Angular? Реакта на Ютубе достаточно, а вот по первым двум фреймворкам русскоязычного контента мало или почти нет...

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Моя специализация react. Это не правда что много контента по реакта. Такого как у нас точно нет. Мы планируем рассказать про все технологии даже самые узкие

  • @nitro_vibe
    @nitro_vibe 7 หลายเดือนก่อน +1

    А что на счет Formik?

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน +1

      Скудно по функционала и нет встроенной высокого уровня валидации. Требует доставлять дополнительные библиотеки

    • @nitro_vibe
      @nitro_vibe 7 หลายเดือนก่อน

      @@REDGroupPlus Понятно, спасибо!

  • @shakapaker
    @shakapaker 7 หลายเดือนก่อน +2

    Дефолт тема самый топ

  • @ИнфоСайта
    @ИнфоСайта 4 หลายเดือนก่อน

    Уроки большие и классные, а просмотри маленькие :(

  • @Alex-bo9wt
    @Alex-bo9wt 4 หลายเดือนก่อน

    А зачем reset, если есть defaultValue?

    • @REDGroupPlus
      @REDGroupPlus  4 หลายเดือนก่อน

      Потому что reset можно использовать более вариативно, а default value ограничен, только внутри хука

  • @tolyachernov7849
    @tolyachernov7849 7 หลายเดือนก่อน

    А, может быть, будет курс по vue3 и nuxt3?

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Когда нибудь может быть

  • @NazarKoshla
    @NazarKoshla 7 หลายเดือนก่อน

    ребят помогите понять стоит сейчас писать на препроцесорах если уже есть такой мощний интрумент как tailwind css??

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Так это совмещается

  • @azrailvo
    @azrailvo 7 หลายเดือนก่อน

    Такой, почему не используешь pnpm, он же быстрее работает и уже достаточно развитый с их репозиторной моделью?

    • @stormbraker637
      @stormbraker637 7 หลายเดือนก่อน

      Сейчас bun используют

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Криво работает в некоторых проектах.

  • @hecker798
    @hecker798 7 หลายเดือนก่อน +3

    Лайкайте быстрее для курса по Nest Js

  • @RomanB-od1qn
    @RomanB-od1qn 7 หลายเดือนก่อน

    Привет, а есть настройки vs code твои ? Интересно плавно как движется

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน +1

      Привет, да на основном канале

    • @RomanB-od1qn
      @RomanB-od1qn 7 หลายเดือนก่อน

      @@REDGroupPlus , спасибо

  • @RomanB-od1qn
    @RomanB-od1qn 7 หลายเดือนก่อน

    А js есть в твоем исполненныи ?)

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน +1

      Только на платформе, интенсив JavaScript для все. Где мы на чистом js разработали банковское веб приложение

  • @azrailvo
    @azrailvo 7 หลายเดือนก่อน +1

    GraphQL жду уже давно

  • @S5HX
    @S5HX 7 หลายเดือนก่อน

    Еще вкуснее RHF выглядит в паре с ZOD

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Пока не видел достойных кейсов где rhf не справляется по валидации

  • @Artemtricks540
    @Artemtricks540 7 หลายเดือนก่อน

    Как ты все успеваешь? Продуктивность сверхчеловека

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Да, сейчас выходим на космические обороты 🚀

  • @Troxip
    @Troxip 7 หลายเดือนก่อน

    Typescript

    • @REDGroupPlus
      @REDGroupPlus  7 หลายเดือนก่อน

      Уже есть курс на канале

  • @dear_up
    @dear_up 7 หลายเดือนก่อน

    Web Socket

  • @Xeon83
    @Xeon83 4 หลายเดือนก่อน

    Этого парня надо смотреть на скорости 0.75