React material UI v5 in 45 mins 🔥 Beginner edition 2022

In this video series, we will understand the fundamentals of React material UI from a beginners perspective, add various components , understand typography, layout, grid, stack, card, paper, ImageList, theming and custom themes. A part 2 of this series where we make use of everything we learned to build awesome layouts, is on its way!

00:00 - Intro
01:13 - Scaffold react app & install material UI, add fonts
05:10 - Button
08:37 - Box
11:23 - Typography
14:40 - CSS Baseline & container
19:40 - Grids & Cards, making them responsive and configure spacings
22:29 - Stack & Divider
23:45 - ImageList
27:16 - Paper & Modal
31:00 - Theming a material UI application
39:11 - Using material UI themes into dark/light themes
42:01 - Using custom color for light/dark themes
43:14 - Customize MUI component behaviour
44:16 - useMediaQuery
45:13 - Using a custom property in theme configuration & using them within the application

Audio credits:
Music from Uppbeat (free for Creators!):
License code: MZWABNA7GKTQAQKS

Would you like to learn some redux?

You like what you see?
Checkout the full Udemy course here.

Would like to buy, but coupon not working?
Drop me a message, I will generate a new one for you!

[sammedsankonatti]

Please make a best possible video on Reactjs Testing especially API mocking. As that is the one thing now taught much in youtube.

[riamahmed]

please make a project using mui v5, just focus how we can customize every cmponent in muiv5 in different way

[vandanalekshmy]

Please do a beginner's guide to React as well.. Great going!

[Kairos]

10:30 i think 1 point is equal to 4 pixel no?
80px = 10x4px each side

[testingaccount]

i like your material ui tutorials. i don't like style components and custom css. i want to use the built in power of the material ui and create the applications