ImmersiveAmbientModecolor: #f5f6f7 (color 2)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 27471a2707f3bdf66a49ce25deaf04c87da28ae645c7ba06c3b87b769775d62b83c79101e0863a859dacee1e9286ff8c
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1715766161020 - unknown on Apple WebKit
Mystery text : ZGxkakNQYTlaVzQgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
41,636 Views • Mar 14, 2023 • Click to toggle off description
In this video we go over react form validation using zod and react hook form.
Join our Discord: discord.gg/WE92Cqs6Vk
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-projects
🐙 GraphQL Course: codedamn.com/learn/graphql-for-beginners
► Buy Crypto on Coinbase: coinbase-consumer.sjv.io/PedroTech
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: www.linkedin.com/in/machadop1407/
Instagram: www.instagram.com/pedro.fmachado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
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
Views : 41,636
Genre: Science & Technology
Date of upload: Mar 14, 2023 ^^
Rating : 4.915 (25/1,155 LTDR)
RYD date created : 2024-05-12T16:32:41.666083Z
See in json
YouTube Comments - 88 Comments
Top Comments of this video!! :3
You could also transform the structure of your schema into TypeScript by typing: `type FormData = z.infer
46 |
Hey Pedro i want more Typescript stuff in future I love TS.
15 |
anytime i want to learn something, ill first check if you have a video for it, cause your style of explanation is so simple and we developers can take what u teach then scale it up ... welldone, keep it up 🤗
1 |
Wow! Never thought Zod is cool.its is better than yup because of its typescript support and ease
2 |
nice tut , actually if think about it you don't need the min or max for confirm password because you have the refine that has to match
|
Bro, can you make tutorial on shad cn ui?
|
Great tutorial, helped me finalize my choice on using Zod for form validation. Thank you.
|
It's good to be brief.
|
Thanks man 😊
2 |
Hey pedro plz next js series
1 |
the auto complete package in your terminal looks really cool
|
Awesome and simple explanation!!
|
We can create type in one line like TFormData=z.infer
1 |
Hey, thanks for the tutorial! It was pretty useful.
If I may, I would like to add a concern about initialization the schema inside the component render function. It hames this schema creation happen every rerender of your component. Even though it doesn't seem to be a expensive operation, it maybe could be done outside the component scope.
3 |
Make a full beginner video about zod pedro
|
pedro you are jut the best
|
very good explaination, fully understand❤❤❤❤
|
the best🙏
|
I want to make the input field to be a component, cause I'm creating a login and sign up page and i don't want to be rewriting the same code... how do I do this while also implementing zod and react hook form
|
@PedroTechnologies
1 year ago
To try everything Brilliant has to offer—free—for a full 30 days, visit brilliant.org/PedroTech/. The first 200 of you will get 20% off Brilliant’s annual premium subscription.
4 |