Type-safe forms for React using Zod
summary
Shows how Zod schemas become runtime validators and TypeScript types so HTML form values validate Zod schema inference and fail fast on mismatch. Demonstrates extracting plain objects with the FormData API, handling nested fields and arrays, and keeping client and server validation identical. Adds practical tools: createCustomIssues for server-only errors, hidden inputs to adapt third‑party UI, and a small hook to read specific values when conditional rendering needs React state.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:19TypeScript limitations
- 3:49Introducing Zod
- 5:39Type-safe forms with Zod
- 8:55Avoid traditional libraries
- 9:57Introducing react-zorm
- 13:17Server validation with Zod
- 15:03Server-only validation
- 17:54Third-party UI integration
- 19:43Conditional fields
- 20:48Performance and flexibility
- 21:31Q&A
related talks
45mBuild Fully Type Safe Projects with TypeScript and Zod
31mEscaping the Phantom Zone of Insecure Data: Build Safer Applications with zod
21mKeep alive your typescript definitions using Zod
30mWith Zod, Fight Any-gration at Your Borders
15mTypescript. Runtime. And In Between.
15mValidate HTTP request with HttpClient & Zod - Lightning talk
21mBeyond Type Checking Building Bulletproof TypseScript Applications
55mSimple declarative way of creating forms in UI