MUI V5: The Box Component (vs divs, why use it, performance overview)
In this video we go over the widely misunderstood Material UI V5 Box component! This component works great when you need a quick div in React to style Layout or hold components. We talk about the MUI V5 Box performance tradeoff vs standard React Divs, as well as when you should use it and when you shouldn't. We also talk about the System properties and how they work with the SX prop.
Join our coding Discord:
/ discord
LINKS
Code Sandbox Link: https://codesandbox.io/s/box-rr5kph?f...
Material UI Getting Started Guide: https://mui.com/getting-started/insta...
MUI V5 Example: https://mui.com/components/box/#example
MUI V5 API: https://mui.com/components/box/#api
MUI V5 System Properties: https://mui.com/system/properties/
MUI System Properties Performance Tradeoffs: https://mui.com/system/basics/#perfor...
TIMESTAMPS
0:00 Intro
0:30 Basic box example & comparison to div
1:35 The SX prop and system properties the Box can use
3:45 Performance overview & replacement of standard divs and spans
5:17 Other System props you can target (theme variables)
6:25 My real job example of why using theme variables (spacing) matters a lot
7:40 The power of MUI V5 and why it's awesome
8:55 Summary
Follow me on Social Media:
/ sistillianthony
/ anthonysistilli
Смотрите видео MUI V5: The Box Component (vs divs, why use it, performance overview) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Anthony Sistilli 11 Апрель 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 13,575 раз и оно понравилось 395 людям.