ProNextJS
    Loading
    Loading...

    Transcript

    So now you know not just how to render forms, but also how to use React Hook Form to manage data, Zod to validate data, and four, yes, four different ways of sending data to the server. A JSON payload to an API endpoint, a form data payload also to an API endpoint, a data

    object to a server action, and finally a form data object to another server action. Of course, you get to pick which is the right methodology for your application. What I find even more impressive is how little TypeScript we used. There's a little typing on the properties of the components, but the heavy lifting of

    TypeScript was done primarily by that z.infer that generated the TypeScript type from the Zod schema. In fact, the Zod schema has no TypeScript types in it at all. So cool. Enjoy, and start building out your next JS forms today.