Completed
⌨️ Intro
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
React Hook Form Course - Zod and Material UI Integration
Automatically move to the next video in the Classroom when playback concludes
- 1 ⌨️ Intro
- 2 ⌨️ Tutorial Showcase
- 3 ⌨️ Project Setup
- 4 ⌨️ Old Way of Handling Form in React
- 5 ⌨️ Use Form
- 6 ⌨️ register
- 7 ⌨️ Simple Form Validation with RHF
- 8 ⌨️ Form State, Error Messages and Error State
- 9 ⌨️ Validation mode
- 10 ⌨️ Simple Handle Submit Example
- 11 ⌨️ Zod Typescript Introduction
- 12 ⌨️ Create First React Hook Form Validation Schema with Zod
- 13 ⌨️ Zod Refine Schema Validator
- 14 ⌨️ Use React Hook Form With Zod
- 15 ⌨️ Create Typescript Type From Zod Schema
- 16 ⌨️ Connect Material UI, Zod And React Hook Form
- 17 ⌨️ MUI Autocomplete and React Hook Form
- 18 ⌨️ Use Form Context in RHF
- 19 ⌨️ Handling Complex Generics With Typescript and RHF
- 20 ⌨️ Default Values
- 21 ⌨️ Dev Tools
- 22 ⌨️ Use Watch and watch
- 23 ⌨️ Get Latest Form Values And Fields
- 24 ⌨️ Dev Tools
- 25 ⌨️ Mock Backend Setup
- 26 ⌨️ Use Queries for Data Fetching
- 27 ⌨️ Controller for MUI Toggle Button Group with RHF
- 28 ⌨️ Controller for MUI Radio Group with RHF
- 29 ⌨️ Controller for MUI Check box with RHF
- 30 ⌨️ Controller for MUI Date Time Picker with RHF
- 31 ⌨️ Controller for MUI Switch with RHF
- 32 ⌨️ Controller for MUI Text Field with RHF
- 33 ⌨️ Use Field Array
- 34 ⌨️ Dynamic Fields, Discriminated Unions and Unions in Typescript
- 35 ⌨️ Zod Intersection and Zod Unions & Discriminated Unions
- 36 ⌨️ Use Field Array Append
- 37 ⌨️ Use Field Array Fields
- 38 ⌨️ Use Field Array Replace
- 39 ⌨️ Create Server Mutation Functions
- 40 ⌨️ Populate Form With Fetched Data in React Hook Form
- 41 ⌨️ Create and Edit Entities with React Hook Form
- 42 ⌨️ Mapper for Creating and Editing Entities on Server
