Войти
  • 51628Просмотров
  • 1 месяц назадОпубликованоWeb Dev Simplified

I Will Never Use Shadcn Form Components Again

Shadcn’s new Field component replaces the old Form component, but it is quite a bit different. In this video I will show you how all the new Field components work and more importantly I will show you how to create a clean reusable set of form components using React Hook Form and TanStack Form. 📚 Materials/References: GitHub Code: 🌎 Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: ⏱️ Timestamps: 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 #Shadcn #WDS #ShadcnField