Theming with Material UI | React tutorial

In this video we focus on modifying the default Material UI theme and look at basic and advanced techniques to customising your theme.

The technologies used in this video include, React and Typescript.

[ridhwanio]

I made a mistake in the video when I said the `sx` prop is the same as the `style` prop. There are some differences to it, sx comes from MaterialUI and provides extra properties that make it easier for us to style i.e `p` which is shorthand for padding but you can also have things like `py` which will set the vertical padding and `px` to set horizontal padding. Have a play around with some of the other things it has to offer.

[You-sbnf]

Excellent tutorial! I really appreciate you taking the time to explain even the minor details and giving an example of each thing rather than say what can be done. Please continue making more!

[Jay-void]

very well made, code should be zoomed lil bit, it is very small for presentation

[CANTREACH]

Why wasn't ownerState flagged by typescript with "implicitly has an 'any' type."? This is what I'm stuck with

[PowellRandolph-kc]

Young Eric Rodriguez Michelle Brown Jeffrey

[sclassen]

Great video. My only feedback would be to slightly increase the font size in VSCode so we can better see what you’re doing.

[SoutheyHedda-hs]

Williams Michael Robinson David Gonzalez Brenda

[HusguGhfxg]

Williams Margaret Rodriguez Elizabeth Martin Paul

[tonyblowthomson]

Martin Helen Wilson Edward Rodriguez Angela

[grimjim]

great video, thank you

EDIT: as someone learning to code, using React and MUI, I would definitely appreciate more of these MUI videos. Maybe some on best/common practices etc, could be in regards to theming, project structure etc

[sonofgagamel]

The best tutorial on MUI and Nextjs, why is Youtube hiding you😅

[MubashirullahD]

That answered some blanks for me so thanks. What I don't get is where Emotion comes in?

[AntonBAD-ui]

Gonzalez Deborah Clark Jeffrey Jones Michael

[ItsAqib]

Watched Multiple tutorials on Material UI theming, but I found this one the best of all...!!!
Highly recommended, you won't regret watching it. Thank you so much, sir, Just subscribed to your channel looking forward to having more videos on Material UI by creating some real-world projects.!!!

[марияагафоник]

Wilson Elizabeth Robinson Jason Hall Cynthia

[EsfygxfhjvvhDrxrggghhfyhvbjhgj]

Martin Margaret Clark Sandra Johnson Betty

[MarshaSnyder-mc]

Johnson Michelle Jones Linda Moore Michael

[ThatSameer]

Great explanation. Didn't know about stack. I'm using it now and exports too. MUI make styling soooo simple

[jetmartin]

I think a more comprehensive video that discusses all of the options for styling your components (Theme, styled, sx, inline styling, CSS files, etc) and the tradeoffs of each approach could be very interesting...and then concluding with a list of recommended styling approaches could make for an interesting video.
Also I think it would be nice to do more of deep dive on theming could be useful...e.g., how do you change the styling of various states (e.g., hover, selected, etc.).
Just some ideas.

[anuj]

Never teached someone like you. Thank you sir!