Material UI Tutorial #7 - Text Fields

Hey gang,in this Material UI tutorial we'll talk about forms and text field components.

🐱‍💻 🐱‍💻 Course Files:

🐱‍👤🐱‍👤 JOIN THE GANG -

🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Useful playlists:

🐱‍💻 🐱‍💻 Other links:

🐱‍💻 🐱‍💻 Social Links:

[ilkrsrc]

When a single component from a library is better than all your previous hard-coded input fields.. This is amazing, thank you so much shawn

[gaddp]

It's always been difficult to learn Material UI off the docs because there is so much to learn at once. Thank you so much for your help. Such a big help.

[arthurazoubel]

This is a MUI tutorial, of course, but the explanation on react states for handling the errors at the end was absolutely fantastic. So concise and clear at the same time! You don't know me, but I am an admirer of your teaching for quite some time now!

[currojugando]

Great video!, just a small thing, rows is deprecated, is better to use minRows={4} in this case. Thanks for your great content!

[hsnamesunknown]

Wow, what a relief! I've struggled for two days before watching this.. Appreciate your help a lot!!

[AndyChamberlainMusic]

for the bit at the end with setting the errors, a super concise way is to just use two lines:
setTitleError(!title);
setDetailsError(!details);

[maskman]

This is a pretty solid course, I like the way Shaun handle form submission, implement it from scratch. For one thing Shaun forgot to bind the input value to title and details to make the form input works properly, but we can fix it by adding <TextField value={title}> or <TextField value={details}>; Anyhow this is a great tutorial, thank you Shaun walking us through with step by step instructions and explanations, It is a lot of fun learning building user interface quicky and easily with popular and powrful CSS library / framework; but if you have a figma design, vanilla css is still your best friend !!!

[maskman]

I would like to see Shaun create Nextjs + Prisma tutorial, Prisma seems a pretty solid and works pretty with all sorts of maintream frameworks such as Nexjts and it uses postgres (sq) as database, and it has visual cms that allows admins to enter data to the form input and making save easily, there are tons of cms database nowadays besides firebase and mongodb and they work seamlesly with Nextjs, prisma is one of them and we can learn postql which is another type of database. Hopefully Shaun consider create a tutorial series on this topic !!!

[mansurv]

Buddy, your course motivates me to learn English.
And your voice is so friendly, thank you

[sushilbhardwaj]

Best YouTube channel to learn web developement, step by step

[francisfernando]

So far so good mate. I'm following all your tutorials. I will know all about material UI at the end. Fingers crossed. I know how to customize the default theme as well thanks to you. Thank you so much for all the tutorials. With love from Sri Lanka.

[FireWolff]

You are explaining really well! Great job!

[mohammadhossein]

I learned tailwind from you one years ago and now material ui.
but i wish this tutorial being update to the last version of the mui (v5.14.5). that would be great !

[yiannis_p]

Hey guys, this video is slightly out of date as the makeStyles functionality was dropped in Material UI 5. Just heads up

[rodrigobazanzurita]

Thank u men, I was lost, I sent you a hug from mexico!

[alejandromartinezramirez]

Wow with you, material ui is easy to learn, could you teach how use with react-router-dom?

[songsofmother]

Looking forward to next series.
Can you please make tutorial of Angular after this Material UI tutorial?

[Drezz]

Ey, you're amazing! Thank you so much, I'm learning SO MUCH

[mhdanggierinovka]

i've question, if we change the background color into black the textfield can't be seen.
Any suggestion for change the color for the border of the textfield

[jaday]

You have a great voice!!!! Thanks for the video