The ULTIMATE guide to styling/customizing Material UI (MUI)

preview_player
Показать описание
Have you ever struggled with customizing/styling Material UI (MUI) components? When you start out (and even later on) it can be a very common issue. So in this video I'm explaining all different methods for styling and customizing, when to use each technique and more advices. You'll learn everything you need to never struggle anymore!

If you found this video helpful,
please give it a like 👍 and subscribe 📨 for more.

⏰ Timestamps
0:00 Intro
1:13 Method 1: Component props (API)
2:32 Method 2: Sx prop
3:20 Method 3: Styled function
3:40 Method 4: Css function
3:52 Method 5: CSS stylesheet
3:59 Method 6: CSS Modules
4:07 Method 7: Theming
5:07 Theme Palettes
7:45 Styling best practices and tips
8:38 Styling complex components
10:00 Outro

🐦 Follow me on Twitter

🎵 Where I get my music from

🤝 Services I use

🎥 My gear
Monitor - Dell S3423DWC 34

Headphones - AKG K240 Studio

Earbuds - Jabra Elite 4 Active

Mic - HyperX SoloCast

Keyboard - Apple Magic Keyboard

Trackpad - Apple Magic Trackpad

Camera - Sony a6400

Lens 1 - Sony 16-50mm f/3.5-5.6

Lens 2 - Sony - FE 50mm F1.8 Standard Lens

Lens 3 - Samyang SY12M-E-BK 12mm F2.0

📬 Inquiries (Collabs, Sponsorships etc.)
Рекомендации по теме
Комментарии
Автор

What other MUI/Material UI topic do you want me to cover?

frontstartdev
Автор

As a react developer who is new in MUI, this video is a reference by it's own.

ehsanmz
Автор

Before I have seen the views of the video, I thought that the video has at least 300k views. The quality is so good

samiroutka
Автор

I saw your Learn MUI video and got amazed as how well you explain and this is no different, very useful not just for styling MUI, but for styling in React in general, I hope you make that theming video

cdavidmore
Автор

Thanks, that's more helpful than the official doc 😁

TomCodeur
Автор

The docs are overwhelming at first without a guide through. Your video was just perfect. Thanks.

realdiegor
Автор

helpful, thank you! I would def watch a more in-depth video on the theme abstraction.

shaungould
Автор

Very useful and consice video! Since there are so many ways to do responsiveness in MUI, can you please create a video covering the pros and cons of each way of applying responsive styles?

joshDotJS
Автор

Thanks for the short overview of customizing MUI components. The 2-hour and 4-hour tutorials seamed very overwhelming to start with but now I after watching this I'm more confident to deep dive into docs and actual projects. Thanks a lot.

Prashant-Dedha
Автор

Recently, I searched for some videos to learn MUI customization. Suddenly, YouTube suggested your channel to me. I learned so much from your videos, and it was worth spending my time.

foveromw
Автор

You made it so easy, gotta learn some MUI tips from you, subscribed! And thanks for the great content!

Sam-kmjl
Автор

People are trying to explain this whole stuff in hours but bro nailed it in 10 Minutes🔥😍

code-websites
Автор

very straightforward, fun, and valuable informations here! amazing tutorial, I wish all tutorial could be like this.

fabiojonathanarifin
Автор

I didn't understand mui until I saw two of your videos, epic 🔥

I'll be looking out for your videos 💯

neovickson
Автор

Answered most of the questions. Great video.
Would love to know more about theming in depth. Thanks

GurpreetHanjra
Автор

Great video, thank you! Between this and your Learn MUI in under 10 mins video I have worked out that I have been doing it all wrong 😂

bulwinkel
Автор

Nice concise tutotiral, thanks a lot for dividing different methods.

Igor-kmqp
Автор

Thanks man, it's concise and easy to understand

willysyafiq
Автор

Great video!
I think you should do more videos on these topics.
Maybe something around themes, or how to organize styling in a project, etc.

dulers
Автор

Crazy useful video. Thank you so much for the content.

jacobstrength