filmov
tv
The ULTIMATE guide to styling/customizing Material UI (MUI)
Показать описание
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.)
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.)
Комментарии