Building forms in React with Material-UI, Formik and Yup
9.5 هزار بار بازدید -
3 سال پیش
-
In this video, I have
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
☕️ 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
3 سال پیش
در تاریخ 1400/05/07 منتشر شده
است.
9,538
بـار بازدید شده