Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

I Will Never Use Shadcn Form Components Again - Building Reusable Forms with React Hook Form and TanStack Form

Web Dev Simplified via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to transition from Shadcn's deprecated Form component to the new Field component while building clean, reusable form components with React Hook Form and TanStack Form. Explore the fundamental differences between the old and new Shadcn components, then implement basic React Hook Form functionality including form field descriptions, select fields, checkboxes, and field arrays. Master advanced React Hook Form techniques before diving into TanStack Form implementation, covering both basic and advanced patterns. Build a comprehensive understanding of modern form handling in React applications through hands-on examples and practical implementations that demonstrate best practices for creating maintainable form components.

Syllabus

00:00 - Introduction
00:50 - Starting Code
01:30 - Basic React hook form implementation
11:30 - Adding descriptions to form fields
13:51 - Select form fields
17:30 - Advanced field components and checkboxes
22:51 - Handling field arrays
30:23 - Advanced React hook form implementation
48:17 - Basic Tanstack form implementation
54:15 - Advanced Tanstack form impementation

Taught by

Web Dev Simplified

Reviews

Start your review of I Will Never Use Shadcn Form Components Again - Building Reusable Forms with React Hook Form and TanStack Form

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.