React Hook Form How To Get Started | Build a Simple Form

Поделиться
HTML-код
  • Опубликовано: 12 июн 2024
  • In this video we are building a simple form using React Hook Form.
    React Hook Form: react-hook-form.com/
    Redux Thunk: github.com/reduxjs/redux-thunk
    Link to CSS File: github.com/ed-roh/simple-form...
    Regex:
    Phone#: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i
    Email: /^(?:(?:\+?1\s*(?:[.-]\s*)?)?(?:\(\s*([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])\s*\)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9]))\s*(?:[.-]\s*)?)?([2-9]1[02-9]|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})(?:\s*(?:#|x\.?|ext\.?|extension)\s*(\d+))?$/
    -----------
    Chapters:
    0:00 Why Use React Hook Form Library
    1:14 How to Install React Hook Form
    3:26 React Hook Form Syntax Structure
    5:41 React Hook Form Coding and Validation
    23:05 Why You Should Use React Hook Form
    -----------
    Subscribe to my channel: / @edrohdev
    for more algorithm explanations, tech discussions, and programming tutorials!
    -----------
    Hey there, my name’s EdRoh. On my channel, you will find common coding algorithms and/or interview questions (with explanations of course). I also provide tutorials and courses on other programming topics in Web Development including Javascript, React, HTML, CSS, TypeScript, Redux, Node, Progressive Web Apps, React Native, Flutter, etc.
    No matter what level you are, whether you are already in the software engineering field, or are just beginning coding in bootcamp or being self taught, my first and foremost desire is to help you provide with the best teaching content and learning resource I possibly can. As someone who understands the struggles of switching careers, I hope I can help guide you into this difficult but rewarding journey into engineering.
  • НаукаНаука

Комментарии • 8

  • @AGriffith
    @AGriffith 2 года назад

    Thanks man, cool video, straight to the point

  • @Reza-tp4ll
    @Reza-tp4ll 2 года назад

    Thank you ED . I love your videos as well as your voice :)

  • @SuperMan-hn2ic
    @SuperMan-hn2ic Год назад +1

    thanks mate! good video for beginners :)

  • @pitbul67204
    @pitbul67204 2 года назад +1

    Great Video

  • @deepak21agra
    @deepak21agra Год назад

    Too good

  • @DrHappybone
    @DrHappybone 2 года назад

    Great tutorial, thanks for that! Just FYI, in the description, you have Phone and Email Regex the wrong way around lol

  • @tunglee4349
    @tunglee4349 Год назад

    Hi, I found a Regex error in your description. Email and phone regex are reversed.

  • @freespeech515
    @freespeech515 Год назад

    You good speaking voice. But i need something creative. I need a custom form components. I basically reuse the form that come with all validation. So i only use email and not mention all those basic validation. You dont want to repeat all of this in every form. Also do not like to duplicate. Instead use a subclass existing form components and use those field. My goal is reuse and use less code. Also those validation text has to change by language. So we cant copy paste those validation everywhere.