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!

Source code: https://github.com/ohmyjavascript/mui-youtube-demo

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!):
https://uppbeat.io/t/hartzmann/to-the-future
License code: MZWABNA7GKTQAQKS