Building forms in React with Material-UI, Formik and Yup
In this video, I have covered the basics of react form using the Formik library. I have shown how to create a basic form and style the components using Material-UI. I have also covered how to validate the form using the Yup validation library.
☕️ Support me - https://www.buymeacoffee.com/gprasoon
📚 Materials/References:
Create react app: https://reactjs.org/docs/create-a-new...
Material-UI: https://material-ui.com/getting-start...
Formik: https://formik.org/docs/overview
Yup: https://github.com/jquense/yup
GitHub Code: https://github.com/FullstackSimplifie...
🧠 Concepts Covered:
React Forms
Material-UI with Formik
Formik and React
Form validation using Yup
⏱️ Timestamps:
00:00 Introduction
00:24 Demo
01:20 Setting up the project
02:25 Installing packages
02:50 Creating the form
06:24 Adding Material-UI to Formik
10:43 Using Formik
14:14 Yup validation
🌎 Find Me Here:
My Website: https://prasoon.me
LinkedIn: / prosoon-goswami
Twitter: / prasoongoswami4
GitHub: https://github.com/FullstackSimplified
Instagram: / prasoon_goswami