In this video I will be teaching the new powerful React library for optimizing and handling forms. TanStack form is the new extension to the range of products offered by Tanner, and its looking like it will be a great one.
🌟 Support My Work: https://buymeacoffee.com/pedrow
📰 Join My Newsletter: https://www.pedrotech.co/newsletter
📖 Video Resources:
Code Repo: https://github.com/machadop1407/socia...
Supabase: https://supabase.com/
🚀 Courses & Tutorials:
Learn ReactJS By Building 6 Projects: (https://codedamn.com/learn/reactjs-pr...)
GraphQL Course for Beginners: https://codedamn.com/learn/graphql-fo...)
💻 Check out my Blog: https://www.pedrotech.co
🐤 Follow me on Twitter: (https://x.com/pedrotech_)
📸 Follow me on Instagram: ( / pedro.fmachado_ )
🧳 Follow me on Linkedin: ( / pedrotech )
👨💻 GitHub: https://github.com/machadop1407
📋 Business Email: pedro@pedrotech.co
Timestamps:
00:00 Introduction to Tanstack Form
00:08 Why Choose Tanstack Form?
01:02 Setting Up Your Registration Form
01:39 Understanding Form Fields and Validation
03:33 Implementing Username Field Validation
05:20 Installing Tanstack Form Library
06:19 Using useForm Hook for Form Handling
08:11 Validating Email Field with Regex
10:30 Adding Validation for Age Field
12:47 Handling Date Input Validation
15:10 Checkbox for Marital Status
18:03 Password and Confirm Password Validation
25:06 Using Validation Schema with ZOD
29:13 Conclusion and Final Thoughts