React & Material UI #28: MUI Forms + Formik

In this video we go over:
- What is Formik and how does it work with MUI?
- Why Formik for Material UI Forms?
- How does Formik integrate with MUI
- What information they cover on their docs
- Code sandbox showing how Formik is structured and all the examples
- Formik with Datepickers, forms, toggles, and buttons
- Formik Validation, default states, render functions, and submit functions

Follow me on Social Media:

[siri]

I would just want to learn all TECH stacks from you.. You are a saviour !!! I am so glad I found your channel... Commenting for better reach.. Please just maintain the same explanation style and pace.. Thanks a lot!!

[johnbentley]

Your Material UI videos have been so, so helpful! I love the format of your videos, you have a great way of distilling the main points down into an easy-to-understand way. I can't wait to start using Formik with Material-UI!

[danijelbrankovic]

It was me ask for this tutorial. So thx bro. And yeah, some react updated crash course will be awesome.

[punitpanda]

hello!! the way you explain things is very nice and easy to understand. loved it!!!

[Aoubaker]

I hated react because of its difficulty of form validation, but you made me change my opinion by this library, thank you so much

[jaychandran]

Thank you Anthony for the great videos! The whole series has been exceptional and your teaching is wonderful! Can you please do a in-depth video on React Hooks, React Context APIs, Reducers...

[bogdangrbatinic]

Thanks for the video. 1 suggestion for next video in the series: customising form inputs besides using `TextField` component and optionally wiring those customised inputs with Formik.

[UsmanKM]

Thank you so much for this. Please also give tutorial on react-hook-form

[anastasiosarvanitis]

Great video Anthony thank you so much!

[Jay-jodm]

anthony, i've smashed that like button

[aravindk]

awesome this really helped me in building a form

[khansen]

...and here I am again, peeping another one of your videos! Thank you so much for your content and clear explanations.

P.s. is this video super blurry for anyone else? I can't really read the code. I'm watching on a 4k monitor :/

[marynavatsko]

You are talented at explaining things! Is there a chance you consider making a git tutorial? Like, how to solve conflicts, when to stash things, how to rename a folder already tracked by git, etc. I've joined a project recently and using git turned out to be a challenge..

[mouni_mahendranath]

Just now I came accross you channel, great content, I subscribed and hit notification, for next video can you do multi step form validation, and also can you do advance stuff, not counter in react toolkit, 👍🏼🙏

[sara_youtube-xw]

Hi. I loved your Material UI videos. They are being so helpful to me right now. Would you be please kind to show a tutorial using Material UI in a PWA and how to do the Links and Routing in a PWA. THANK YOU!

[mossasameer]

we need a big project, thanks for your hard work :)

[pannihto]

I'm using react-hook-form on my projects and it's super easy to integrate with Material UI. I'd suggest you to try it in case you haven't

[djjoe]

Thank you for the great tutorial! I have a question for you to ask. The problem faced by SPA websites created with CRA is SEO. How to balance good user experience and SEO for SPA? Do you have any suggestions or solutions? Gatsby or nextjs?

[siddi]

You should also integrate with an up and coming library called react-hook-form it’s super similar!

[sibozhang]

I am a beginner in javascript and React JS. It may sound stupid but I realize the example for Formik in sandbox is .tsx file. Can I import Formik and use it in a .js file? Thanks