How to Design a Perfect React Material UI Form

🍒 Related Videos

🚀 Udemy Course on React Hook Form with Material UI

📂 GitHub Repository

💖 Channel Support

💌 For Business Inquiries

🚶‍♂️ Follow us

---
The complete guide on designing Material UI forms.

As you know, form is an important, un-avoidable element in any website for user interaction. In this video, we have designed a beautiful form with the help of the Material UI Form. Inside the form, we added all the common input controls, like input text box, radio button, checkbox, dropdown list, date picker, etc. For form controls, we've created re-usable and extendable components; hence, you could use the same best practices from this video for designing your material UI form.

#MaterialUI #Reactjs #CodAffection

[sagarpandav]

Highly recommend this tutorial to really understand the DRY (Don't Repeat Yourself) principle. Thank you so much !!!!

[peterkartalov]

Amazing code reusability with detailed explanation ! I love it. I also love how you pronounce 'label' :)

[kavinprathaban]

Thank you for all the 3 videos in this series.. please bring us the next videos as soon as possible. This is awesome and can't wait.

[michaelzucker]

This is the best explanation for using a Materal-UI form that I've found. Very good! Thank you.

[ahmedjahmi]

THANK YOU!!! this video helped me a lot..i was stuck working on a form for a while, and this cleared up a lot of my issues. keep up the good work :)

[pankajjaiswal]

This helped me lot in applying reusability concept of components in my projects.Thanks for making such a knowledgeable content.👌

[chrisperry]

I get hyped every time you say "Boom!"

[ankitasingh]

Just amazing, please keep on making such ...industry standard videos, Loved it ...

[aShutoShjn]

One of the best tutorials, available on YouTube. Thanks!

[neildino]

This is one of the best tutorials I have watched. Very thorough and easy to understand. I subscribed and look forward to watching more of your videos! Thank you

[MariaJose-ywqp]

Great Tutorial!!!😀 Thanks for share it 👍. I look forward to the video of Data Table.

[rambosdouble]

@CodAffection 38m, 00s: I don't understand why you added the prop 'name={name}'. Material-UI's documentation didn't have name as a prop. My code works only when I include the name prop to the MuiSelect component.

[SoundMasterMike]

Your videos are amazing! I eagerly await more.

[johnkakaloulis]

Very detailed and helpful. Congratulations and thank you!

[arshadsiddiqui]

Thx dawg. Was having issues with radio buttons. Official documentation was wack.

[eurythmia]

thanks for sharing, awesome tuts!!
I'm learning a lot

[JesusAlbertoSuarezMendez]

Thanks for the videos. Please, consider increasing the font size when it is showing the code.

[FFergussond]

Your work is amazing, keep going! I will see you with 1million subs

[suhail]

Very good video please make more material ui and react js redux concepts

[adi_sekar]

Great video. But is it needed to create separate controls for Button etc, as we can set defaultProps to button from theme. Can you clarify the recommended approach? Thanks