React Hook Form is a really valuable library. If you use it I strongly recommend looking deeply into some video series. It is capable of extremely powerful form features that massively slash the code required for things like validation, dependant states, or disabling forms.
My goodness Dave!! This is wonderful! 🔥 Also, it seems that some great improvements are on the Redux Toolkit pipeline. Would love for you to cover those in due time. Your RTK series is just phenomenal! Have a great day 🚀
Dave is always the best. It just feels like you know how to talk to my brain, it's so easy to assimilate whatever you teach. Thank you so much, You are amazing!!!!
Great for REST API! Thank you for examples and overview for Zod. We use graphql and it's shema to buld types. Works pretty the same, but I dont know if i could build validation or transform data on top of it.
Thank you for sharing your knowledge to help us. ❤ There is a high request from your community to explain the Zustand library. I think the best way to learn it is to convert a project that has already been made with Redux Toolkit to Zustand. This may be the best way to understand it
My channel has a couple of videos on debouncing. Here is one in React: ruclips.net/video/MHm-2YmWEek/видео.html ..Zod should not change your approach to debouncing.
Hi Dave, thanks again for the tutorial, I have a question: for the frontend prjects that are using router, and most of them are using react-router, especially the new version after v6.4, the form functionality has been put into the action of react-router, is it still necessary to learn any other form library?
Hey Dave, how can i combine this with a multi step form? Also, if you could show us how to combine it with firebase's firestore, that would be awesome too! Keep striving for progress over perfection 🤟
Hey Dave, any idea on how can we fetch multiple url parameters in nextjs 13.4? like my website url has /activate?uid=&token= . I want it to be client side and wanna get the and to request the server and verify the email. I am confused on how nextjs's file based routing will support this?
Can you do a video of advanced react-hook-forms, with explaining everything with example, only the advanced part and new features with complex forms and validations (yup would be better), If you could, that would be helpful.
Really good video until it started the reqct hook form part, a least for me it is way better to see the code been tyoed to follow along instead of goong over the code, the brain process the information different and seen it been constrctued little by little than seen the whole thing, I understand that the length of the video restricted what you can type, but the intial setup (hooks imports, destructure) should have been tyoed, same for the form skeleton, just make 1 field and show how the register destructuring take the place of the original input fields, and the. Just paste the resta of the field or fast forward the video we the rest completed. Thanks for the video,I will keep coming to the typescript and schema part of the video for future references.
It’s not possible to present at a speed that is going to be appropriate for all viewers; some prefer fast and some prefer slow. My suggestion is to use the RUclips video speed controls to slow the video down if it is too fast for you. The beauty of video is that you can slow it down, stop and replay to suit your needs. Good luck!
Just use anything with real type system, if you want types, adding this dependency feels like mastrubation. And why is AI overlords flooding me with like 10 videos about this zod this morning, what they want from me, i refuse to obey their command, go away, i will not add this dependency to my projects!
As a Javascript developer, this gentleman has uploaded solutions to all of my doubts and problems. Thank you for your service boss
A very comprehensive tutorial on using react-hook-form with Zod Validation (TS) - Thanks, Dave
{2023-05-26}
You're welcome!
As always Dave Gray here at the exact time that I need him. I love you ❤❤❤❤❤❤
React Hook Form is a really valuable library. If you use it I strongly recommend looking deeply into some video series.
It is capable of extremely powerful form features that massively slash the code required for things like validation, dependant states, or disabling forms.
Yes, it has many great features!
One of the Best creators out there❤🙌
Thank you for the kind words! 🙏
This should be seen in the zod documentation 😊🎉
❤❤❤❤❤
Greetings from Tanzania 🇹🇿
Thank you for the kind words and hello 👋 to Tanzania!
I really needed this tutorial! Thank you so much!
You're welcome!
My goodness Dave!! This is wonderful! 🔥
Also, it seems that some great improvements are on the Redux Toolkit pipeline.
Would love for you to cover those in due time.
Your RTK series is just phenomenal!
Have a great day 🚀
Glad to hear that and thank you for the request! 🙏💯
Dave is always the best. It just feels like you know how to talk to my brain, it's so easy to assimilate whatever you teach. Thank you so much, You are amazing!!!!
You're welcome!
Couldn't you just use TypeScripts Omit to omit the id?
Let’s gooo. Happy Friday. 🎉
Happy Friday! 💯
Wonderfully covered the basics. Thanks alot.
Hello Professor, Nice to see you again.
Hello! 👋
Thank you Dave
You're welcome!
Great for REST API! Thank you for examples and overview for Zod. We use graphql and it's shema to buld types. Works pretty the same, but I dont know if i could build validation or transform data on top of it.
U r a great instructor
Great tutorials. Thanks a ton😊
Welcome!
Is it a bit late to ask which color theme are you using on this video? Looks great
Thank you for sharing your knowledge to help us. ❤ There is a high request from your community to explain the Zustand library. I think the best way to learn it is to convert a project that has already been made with Redux Toolkit to Zustand. This may be the best way to understand it
You could be right! Great request!
react tutorial playlist one of best playlist 😊
Thank you!
Nice tutorial.
How will I go about debouncing
My channel has a couple of videos on debouncing. Here is one in React: ruclips.net/video/MHm-2YmWEek/видео.html ..Zod should not change your approach to debouncing.
Hi Dave, thanks again for the tutorial, I have a question: for the frontend prjects that are using router, and most of them are using react-router, especially the new version after v6.4, the form functionality has been put into the action of react-router, is it still necessary to learn any other form library?
This is great Dave.👌
Right on! 🚀
Great tutorial. Thank you Dave🙏
You're welcome!
Hey Dave, how can i combine this with a multi step form? Also, if you could show us how to combine it with firebase's firestore, that would be awesome too! Keep striving for progress over perfection 🤟
thank you mr dave
You're welcome!
i cannot use react hook form with server actions? meaning i cant use it inside action atrribute in form?
Hey Dave, any idea on how can we fetch multiple url parameters in nextjs 13.4? like my website url has /activate?uid=&token= . I want it to be client side and wanna get the and to request the server and verify the email. I am confused on how nextjs's file based routing will support this?
Okay finally solved it😅😅. Was abusing nextjs filesystem routes for this.
Glad you got it!
i just liked the video from two differents accounts so you can get 200 likes , you are awesome man..
Thank you!
Can you do a video of advanced react-hook-forms, with explaining everything with example, only the advanced part and new features with complex forms and validations (yup would be better), If you could, that would be helpful.
Thank you for the request! I may take a deeper dive in the future.
Hey Dave, Can we have one video of NextJS 13, React Query, React Hook Form and Zod together ?
Thanks for the request!
U r the best thank u so match
You're welcome!
Thank you so much!!!
You're welcome!
Really good video until it started the reqct hook form part, a least for me it is way better to see the code been tyoed to follow along instead of goong over the code, the brain process the information different and seen it been constrctued little by little than seen the whole thing, I understand that the length of the video restricted what you can type, but the intial setup (hooks imports, destructure) should have been tyoed, same for the form skeleton, just make 1 field and show how the register destructuring take the place of the original input fields, and the. Just paste the resta of the field or fast forward the video we the rest completed. Thanks for the video,I will keep coming to the typescript and schema part of the video for future references.
I like zod but it does not easily work with conditional validation.. I wish it did
I like Icon theme can you tell me plz
very useful, thx.
Welcome!
am i the only one who likes before watching?
I hope not! And thank you!
Sir you have to teach slowly my humble request
It’s not possible to present at a speed that is going to be appropriate for all viewers; some prefer fast and some prefer slow. My suggestion is to use the RUclips video speed controls to slow the video down if it is too fast for you. The beauty of video is that you can slow it down, stop and replay to suit your needs. Good luck!
It only makes sense that is this horrible world Zod and Hook turn out to be the heroes 😅
That's funny! 😆
Just use anything with real type system, if you want types, adding this dependency feels like mastrubation.
And why is AI overlords flooding me with like 10 videos about this zod this morning, what they want from me, i refuse to obey their command, go away, i will not add this dependency to my projects!