Create forms in React.js like a BOSS! 🔥 | React Houseform Tutorial ✍️

Опубликовано: 10 Октябрь 2024
на канале: Vasanth Srivatsa
355
13

The best way to create forms in #React is using Houseform! This video shows you some common mistakes beginners make while building forms in React. How to fix them, and build forms in React.js like a pro 💯

🔗 LINKS:
Houseform ᐉ https://houseform.dev
Zod ᐉ https://zod.dev
Lucide Icons ᐉ https://lucide.dev

🕑 TIMESTAMPS:
00:00 Introduction
00:08 The project
02:05 Not using a form
06:06 Forms with useState hook
08:41 Introducing Houseform
08:52 Why Houseform is better
09:47 Introducing Zod
10:04 Installing Houseform and Zod
10:42 Building forms with Houseform
11:36 Hooking Houseform with HTML Form
13:13 Creating Houseform Fields
17:00 Houseform configuration & onSubmit event
19:00 Setting up validation
22:06 Showing errors in the UI
24:40 Disabling submit button if invalid
25:23 Conclusion

💻 MY PROJECTS & CODE:
https://vas.cx/github

🏷️ TAGS:
#Beginners #JavaScript #TypeScript #vsnthdev

👏 Have an awesome day!