Dynamic Forms in React using Zod & React Hook Form (BEST Strategy!)

Рет қаралды 8,604

Күн бұрын

Пікірлер: 49

@codegenix 4 ай бұрын

Do you know a better way to handle dynamic forms in React? For example other libraries like Formik or Yup? I'll be very glad if you share it with us!

@codernerd7076 3 ай бұрын

This is the best way...react-hook-form and zod are doing the same like Formik and Yup but better!

@favanzzo 4 ай бұрын

lets goo! new video :) thx for posting. Still waiting for your react course

@codegenix 4 ай бұрын

@favanzzo Love you bro! Don't want to disappoint you but I'm really trying my best to prepare the course but lately I have been quiet busy and I'm dealing with an illness currently🙏

@favanzzo 4 ай бұрын

@@codegenix damn bro, no worries! i will be here . Praying for your recovery my friend, all the best

@codegenix 4 ай бұрын

Love you bro. Having an amazing friend like you is like a blessing. Wish you the bests❤️

@bklynpeter 4 ай бұрын

First of all, thanks! This is a great lesson that allows folks who knew how to create static forms with these tools to take it to another level. I see you are flooded with people telling you what your next video should be, so I apologize for being yet one more, lol! But I would love to see what I think would be a great follow-up to this video: specifically, how can we leverage the schema and types developed in this video when working with an ORM such as Prisma. This video shows us how to capture the data on the client side, as well as validate on the client side. But if we are using either a monorepo, or NextJS, how can we pass the data on in a valid, typesafe way? Again, thanks for a great job from a new subscriber!

@codegenix 4 ай бұрын

I'm really glad that you liked the tutorial. Exactly on the topic that you just mentioned, I have a video for Drizzle orm which exactly I have used zod to have a very typesafe crud system. You can check it out.

@RatherBeCancelledThanHandled 3 ай бұрын

I absolutely love your tutorials. Thank you great job ! I'd love to see your docker set up for api microservices and managing dev vs prod.

@codegenix 3 ай бұрын

Thanks, will do!

@irfantayyib 4 ай бұрын

yaaaaayyyyyyyyy 🎉🎉🎉 new video... thank you sirrrr

@codegenix 4 ай бұрын

@irfantayyib So nice of you. I'm really happy that I have an amazing follower like you. It's an honor❤️😍

@yassinejrad1349 4 ай бұрын

Using rhf and zod, i'm working on the most challenging form I've ever encountered: a multistep form with two different schemas on the second step, each one with distinct validation cases. Both forms contain several inputs that depend on the selected option. It has been very difficult and challenging.

@raymondmichael4987 4 ай бұрын

I will definitely come back to this 😊

@codegenix 4 ай бұрын

@raymondmichael4987 👌😅

@kirillbaryba746 3 ай бұрын

Welcome back, man! 😎

@codegenix 3 ай бұрын

❤️❤️

@ardianhotii 4 ай бұрын

Very nice video and explanation, thank you , this is so useful

@codegenix 4 ай бұрын

You're very welcome🙏

@azogprophet4835 3 ай бұрын

omg dude.. it's amazing... keep make video about multiple form again

@codegenix 3 ай бұрын

Thank you, I will

@prashlovessamosa 4 ай бұрын

Great thanks for sharing.

@codegenix 4 ай бұрын

You're very welcome my amazing friend❤️

@patrikangyan4313 4 ай бұрын

Great information! 😁 I would have liked a bit more explanation on the register/unregister behaviour 🤔

@codegenix 4 ай бұрын

I'm really glad that it was helpful. You can check my thorough react hook form tutorial on my channel

@ecom.laknabil 4 ай бұрын

Learn something new, array with react forms , thank you

@codegenix 4 ай бұрын

You're welcome bro🙏👌

@ALIKazemi79 24 күн бұрын

bah bah aaallliii

@РомаАбаров-ь2б 3 ай бұрын

Sorry for bad English. You make great videos. How to combine several schemes in zod into one (so that its own validation works on its own form))? I'm using 3 forms in a project

@mDHARYL 4 ай бұрын

Nice🎉 thank you

@codegenix 4 ай бұрын

Glad you liked it

@curiousprogrammer90 Ай бұрын

Thanks a lot, awesome! Btw, how would you handle the situation with default values where for example I have a boolean question type of filed (radio group, yes/no - true/false, like your Education level but no default checked) but i do not want either one checked by default? :) Should I set it do undefined or null? How should I set the schema for such fields? Thanks! :)

@codegenix Ай бұрын

Sorry for the late response. Using superRefine on zod object is suitable for you needs. I have published a new video that I explain it in detail