React - I Will Never Use Shadcn Form Components Again

Discover React Mastery: From Essential Concepts to Advanced Hooks, Master React Development with Real-World Projects and Boost Your Skills in Record Time!

4.0 (0)

12 learners

What you'll learn

Understand the fundamental concepts of React, including components and hooks.
Differentiate between React state and props and their respective uses.
Build and enhance web applications using React, including implementing features like infinite scrolling and currency conversion.
Apply React best practices to optimize application performance and debugging processes.

This course includes

43.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

webdevsimplified shadcn shadcn form shadcn field shadcn tanstack form shadcn react hook form shadcn form library shadcn form component shadcn component shadcn field component

Full Transcript

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: https://github.com/WebDevSimplified/shadcn-field-component 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ 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

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Welcome