Easy form handling in React using Formik!
Hello guys! In this video, we will look at Formik. Formik is the most popular form management library for React. It makes dealing with controlled forms a lot easier than before, where you would create states for each input field in your app. Formik reduces the pain and manages everything under the hood. In this video, we will create a simple form using Formik, and see how you could validate the data by using a validation library like zod.
If you liked the content and found it useful, make sure you support me by clicking the subscribe button and sharing this video with friends in need. 🤝
Links
Formik documentation - https://formik.org/docs/overview
My video on an react hook form (an alternative) - • Using React Hook Forms to create forms in ...
My video on zod - • Using zod for input validation in JavaScri...
Timestamps
0:00 - Introduction
0:47 - A look at formik’s website
4:18 - Creating a vite app and installing dependencies
5:43 - Creating a form with formik
13:02 - Form validation using zod
18:20 - Conclusion
Any suggestions? Leave in the comments below!
My links
E-mail - [email protected]
Blog - https://blog.atharva.codes
Latest Links - https://links.atharva.codes
Twitter - / athudeosthale
LinkedIn - / atharvadeosthale
#programming #programmer #javascript #nodejs #npm #reactjs #react #form #formhandling #handling #validation #validating