React Hook Form with ZOD Tutorial - React and Typescript Form Validation Tutorial
PedroTech
@pedrotechnologiesAbout
Web development tutorials for everyone. Learn ReactJS, NextJS, GraphQL, Express, MongoDB and more! Join PedroTech to master full-stack development and build real-world applications. Want to Become Tech Job Ready? Check out my courses: https://www.webdevultra.com/ Social Media: Twitter: https://twitter.com/pedrotech_ Instagram: https://instagram.com/pedro.fmachado_ LinkedIn: https://www.linkedin.com/company/pedrotech/ GitHub: https://github.com/machadop1407 📚 Resources: • Blog: https://www.pedrotech.co • Newsletter: https://www.pedrotech.co/newsletter • Support My Work: https://buymeacoffee.com/pedrow For business inquiries: [email protected]
Video Description
To try everything Brilliant has to offer—free—for a full 30 days, visit http://brilliant.org/PedroTech/. The first 200 of you will get 20% off Brilliant’s annual premium subscription. In this video we go over react form validation using zod and react hook form. Join our Discord: https://discord.gg/WE92Cqs6Vk 🚀 Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-projects 🐙 GraphQL Course: https://codedamn.com/learn/graphql-for-beginners ► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech Social ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Website: machadopedro.com Linkedin: https://www.linkedin.com/in/machadop1407/ Instagram: https://www.instagram.com/pedro.fmachado_ Github: https://github.com/machadop1407 Business Email: [email protected] Tags: - ReactJS Tutorial - ReactJS and MySQL - NodeJS Tutorial - API Tutorial REACT HOOK FORM ZOD TIMESTAMPS 00:00 | Intro 01:51 | Introduction to the Zod Library 02:58 | Installing Packages 03:41 | Creating the structure of the Form 06:30 | Defining Form Structure using Zod 18:33 | How to display Error Messages #reactjs #coding
Upgrade Your Gaming Now
AI-recommended products based on this video
95MM T129215SU Cooling Fan for ASUS ROG Strix for GeForce RTX 3060 3070 3080 3090 Ti Graphics Card CF1010U12S/D T129215BU(Black A-Fan T12)
ASUS ROG Strix G16 Gaming Laptop, GeForce RTX 5070 Ti 12GB GDDR7, AMD Ryzen 9 8940HX, 64GB DDR5, 2TB SSD, Backlit Keyboard, Wi-Fi 6E, 16" WUXGA 165Hz Display, Win 11, Gray, 1TB Docking Station Set
ASUS ROG Strix G16 (2024) Gaming Laptop, 16” 16:10 FHD+ 165Hz, GeForce RTX 4060, Intel Core i7-13650HX, 16GB DDR5, 1TB PCIe SSD, Wi-Fi 6E, Windows 11, G614JV-AS71-CA
Asus ROG Gladius III Wireless AimPoint Gaming Mouse, Connectivity (2.4GHz RF, Bluetooth, Wired), 36000 DPI Sensor, 6 programmable Buttons, ROG SpeedNova, Replaceable switches, Paracord Cable, White
MSI Stealth A18 AI+ A3XWIG-013CA 18" UHD+ mini LED 120Hz Gaming Laptop, AMD Ryzen AI 9 HX 370, RTX 5080, 64GB DDR5, 2TB NVMe SSD, Windows 11 Home
MSI Stealth 18 HX AI 18” 240Hz QHD+ Gaming Laptop: Intel Ultra 9-275HX, NVIDIA Geforce RTX 5080, 32GB DDR5, 2TB NVMe SSD, Wi-Fi 7, Win 11 Home :Midnight Black A2XWIG-045US
230W Charger Compatible with Razer Blade 14” 15” 16" 17” (2025-2018) RZ09 RTX-3060/3070/3080/4060/4070 Gaming Laptop RC30-0530 RC30-0238 RC30-0248 Replacement Power Adapter
Logitech G203 Wired Gaming Mouse, 8,000 DPI, Rainbow Optical Effect LIGHTSYNC RGB, 6 Programmable Buttons, On-Board Memory, Screen Mapping, PC/Mac Computer and Laptop Compatible - Black
New SteelSeries Arctis Nova Pro for Xbox Multi-System Gaming Headset - Premium Hi-Fi Drivers - Hi-Res Audio - 360° Spatial - GameDAC Gen 2 - Quad-DAC - ClearCast Gen 2 Mic - Xbox, PC, PS5/PS4, Switch
NEW SteelSeries Arctis Nova 3 Multi-Platform Gaming Headset - Signature Arctis Sound - ClearCast Gen 2 Mic - PC, PS5/PS4, Xbox Series X|S, Switch, Mobile
CORSAIR iCUE Link XD5 RGB Elite LCD Pump-Reservoir Unit - D5 PWM Pump - 480x480 IPS LCD Screen - 22 Addressable RGB LEDs - 440ml Nylon Reservoir - White
CORSAIR iCUE Link XC7 RGB Elite CPU Water Block - Transparent Flow Chamber - 24 RGB LEDs - Fits Intel® LGA 1700, AMD® AM5 and Older - White
CORSAIR Hydro X Series iCUE Link XH405i Custom Cooling Kit – Hardline Water Cooling Loop – XC7 Elite CPU Water Block – XD5 Elite D5 Pump Res – XR5 360mm Radiator – 3X QX120 RGB Fans
Western Digital 2TB WD Blue SA510 SATA Internal Solid State Drive SSD - SATA III 6 Gb/s, 2.5"/7mm, Up to 560 MB/s - WDS200T3B0A
Lenovo Legion Pro 5 16" WQXGA 165Hz Gaming Laptop, AMD Ryzen 9 9955HX, GeForce RTX 5070, 32GB DDR5, 3TB Storage (2TB SSD+1TB Docking Station Set), 24-Zone RGB Backlit Keyboard, WiFi 7, Win 11, Black
230W Charger for Lenovo Legion Slim Pro 5 5P 7 S7 C7 Y720 Y730 Y740 Y920 Y530 Y540 Y545 R720 ThinkPad P1 P16 P16v P15 P17 T15g P50 P50s P51 P52 P53 P70 P71 P72 P73 Laptop ideacentre/ThinkStation AIO
New Slim 170W AC Charger Fit for Lenovo Legion Slim 5 5i Yoga Pro 9i ThinkPad P1 P16 P16v P53 P70 P71 P72 P73 IdeaPad Pro 5i 5 3 LOQ 16 15 ADL170SCC3A 20V 8.5A Laptop Power Supply Adapter Cord
