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: LinkedIn: prosoon-goswami
Twitter: Twitter: PraSoonGosWami4
GitHub: https://github.com/FullstackSimplified
Instagram: Instagram: prasoon_goswami

• #education
• #react
• #material_ui
• #formik
• #yup
• #forms_in_react