TypeScript and Zod Tutorial with React-Hook-Form

Overview

Explore TypeScript and Zod validation in this comprehensive tutorial video, which also demonstrates their application with React-Hook-Form for user input validation and feedback. Learn about type safety and runtime type checking while following along with practical examples. Discover how to create basic Zod schemas, infer types, fetch and parse data, merge and extend schemas, and integrate with React-Hook-Form using the zodResolver. Gain insights into working with user API data and leveraging tools like Vite and Tailwind CSS for web development.

Syllabus

Intro
Welcome
What is Zod? And does Zod do?
Starter Code & Dependencies
Basic Zod Examples
User API Data
Basic User Schema with Zod
Inferring Types, Fetching & Parsing Data
Merging & Extending Zod Schemas
React-Hook-Form dependencies
React-Hook-Form docs
zodResolver & React-Hook-Form