Remix Form Validation with Zod

[@jomarkpangan9362]

God this really blown my mind. I was doing some shitty version of this using Object.entries and some methods that doesn't make sense. Bonus for the type safety. kudos tom! really underrated.

[@sidwebworks9871]

😂 I think you're that lost dev from the server right?

[@nexxel]

Never thought this video would be helpful to me when it came out. I guess I should never assume haha, thank you! Super helpful!!

[@TomDoesTech]

Glad it was helpful!

[@RailGunViolin]

I was just looking at using zod with remix , great video , thanks !

[@larslommen9098]

Great stuff!

[@evelyn790]

Extremely helpful and well explained. Thanks a lot!

[@TomDoesTech]

Glad it was helpful!

[@Cwiet]

Wow, after your superb explanation this seems like a breeze to implement and use. Thanks for the video! Btw. have you already tried Remix Validated Form? I'm thinking if I should go with zod on its own or use the whole Remix Validated Form thing.

[@michaeldebetaz]

I do use it and it's awesome. The maintainer is super nice and it's pretty straigthforward to use :)

[@Cwiet]

@@michaeldebetaz I use an UI Framework (Mantine) and it seems that it doesn’t work so easy with the approach from Remix Validated Form but I‘ve found in docs useFormContext, which make it simple to get errors per field.

[@EteyenIkpeme]

Why are tests around remix validated forms impossible to find...

[@xTomster]

Great video but I can’t find this theme! 😞

[@adonaicandido]

Have you tried Zodix? It basically does what your validadeAction function does, with some extras like validating URL params too.

[@yoman9446]

thanks a lot tom! can you do a video on rate limiting APIs in nextjs?

[@TomDoesTech]

Great suggestion!

[@Motion152]

Hey Tom love the tutorial, I was trying to use it to validate my form, but I have an array of objects as my form data and was wondering how I can get a generic response for this but am struggling if you have any tips.

[@moutafatin]

Yo thanks for this video, I have a little question, What is your opinion about Remix ? Should I learn it or learn NextJs ? is learning Remix gonna hurt my learning process if I want to get a job with react ?, I see Remix abstract a lot of stuff that you do with normal react application.

[@TomDoesTech]

It depends what your goal is. If it's to get a job, you're probably better off learning Next.js first. However, both are great React frameworks and not that difficult to learn once you know React

[@moutafatin]

​@@TomDoesTechThank you for the response, I tried both, with NextJs or CRA you need to handle more things, but Remix does more things for you, like In simple react app I need to set the value of inputs to a state and post the data to the server, In remix, I can just , and I don't need to the state. I have a good react foundation, I just can't decide where to focus.

[@Cwiet]

I'm new to react ecosystem and I've started to build my blog with Nextjs but I wanted to try Remix after reading about its old-school approach of using HTML forms and fetching data. After giving it a shot, I must admit that I do enjoy working with Remix more than with Nextjs and I'm going to stick with it. It's easy to use, make a lot of fun and give you opportunity to discover all those standard browser APIs, which exists for ages and make things simpler but with SPA frameworks no one have use it!

[@moutafatin]

@@Cwiet I switched from remix to sveltekit and I have more fun

[@Cwiet]

@@moutafatin Svelte is also great but when I started with my project Sveltekit was still in alpha. It was also a sweet discovery after a few years working with Vue.

[@kirakira160]

first❤

[@frozen_tortus]

You are casting too much instead of narrowing. Keep in mind you are teaching people bad patterns here. Otherwise relativly good video.