วีดีโอ

can't we use same image for this? i mean the image coming from api....I don;t think we save different versions of image while creating blog post or anything

That's awesome ❤ Nothing is better than "Austin Shelby" to learn coding❤

Great example. I had something similar when product had the bright idea to still show the fields but disabled. Apparently this really complicates things since now you have to disable the validation rules from triggering on disabled fields.

Thank you Austin, It helped me a lot

cheers dude, I was struggling on this problem for a while, your content helped immensely

Thank you so much, this made my work much easier. very informative and explained so well

Thank you brother. Allahu Wakbar

there are millions of files on github

u change only text and u have 2 different buttons thats .....

Excellent tutorial, very well explained and demonstrated, thanks very helpful and useful.

Thank you so much! I finally understood how to use sizes attribute with confidence!

Hi Austin, sorry for another question! When I move to the next step it seems to populate the next inputs with the previous values. Have you ever come across that behaviour?

Only half way through but loving the video. Out of interest, do you need to use a ref to register the input? I've been using {...register('name', {required: true})} as an attribute and it seems to be working ok?

Well done thank you

This is great, but what if the form has over 20 fields, I would need to create a copy of it for every version, is there a more 'versatile' way of achieving this? Maybe when setting the definition of a type in the schema, can I co-require a field, instead of creating different possible versions of it? I'm new to zod as you can tell...

Thanks for the concise and clear explanation and good examples.

This has been the clearest and most informative explanation I've found so far. And it also covered how to handle images in a responsive grid layout, and it all now seems to easy and obvious. Thank you, Austin.

If I have three slides, how can I write the logic of the slide? And make sure the second slider will move when the first slider touches it. Thx!

Thanks a lot, as I'm learning by making a little project of my own, this was very useful!

Clean !😀... Thanks

thank you for help ,you are great teacher❤

thanks man

I don't understand why <img not loading my images in srcset? <img srcset="<?=SITE_TEMPLATE_PATH?>/img/wildly-relax-767.jpg 767w, /upload/iblock/017/017a40279824ba556009d247f6b7ee76.jpg 1920w" src="<?=SITE_TEMPLATE_PATH?>/img/wildly-relax-767.jpg" alt="Description of the image" /> he is always loading 1920px image

I just watched this and your other React/Zod vid for the first time. You have some great tips, the vids are clear, concise, and well-edited. I need to rewatch for the detail. Please do keep it up.

Thank you so much, Austin. This was really a gem of information. I am gonna try it on my website.

This will work with zod? I tried it with zod but i cannot get to step 2 cause my step 2 fields also validated when clicking next to step 2.

Thank you very much Sir. I learned a lot. I applied this to checkout page where checkbox is biling address is same with shipping address or not. Thank you very much

Your repo is outdated

Saved my life. Thanks for this.

Amazing video! Thank you so much!

thank a lot for thit tutorial, bro i have a question how will it be if you the sections in differents componet, i mean how will you acces to data in different form and submit them in a single, i'm really curious about knowing this

It realy good.

Thanks for this. I wont have to use calibri sans any more

Where comic sans

Great video!

Thank you, Austin. Your tutorial is very clear and helpful.

Nice tutorial mate. Can you do the same with Next.js and the next router. So each step of the form will be a new route?!?

Yeah would love to see how you handle multi-step forms, having zod only validate only fields on a particular step.

This is germ by itself 😊

How do you access errors on the email field? Accessing formstate.errors.email results in a "property does not exist" TypeScript error

Make more videos like this

Why you stopped making videos? Your videos are so helpful!

Appreciate the content Austin, subbed and liked! Hope you can continue to create more videos like this

Great video. Any clue how to use 'refine' with an array instead of a single value (ie. checkbox input)? Something like this except the includes(val) part is giving me an error. optionsList: z.string().array().refine((val) => options.map((option) => option.name).includes(val))

Great video, thanks Austin! (Perfect english btw)

Very systematic and to the point - well done !

Glad that I found your channel! Great quality and straight to the point .. Thank you!

its a great tutorial Austin, however I strongly feel you must have adopted some design library as the implementation of Tailwind CSS made this look so clumsy and not on the point to what the video trying to convey. I mostly prefer MUI or Chakra UI for simple and elegant design of forms.