MUI V5: Skeleton (Rectangular loading placeholders for React)

Опубликовано: 13 Апрель 2022
на канале: Anthony Sistilli

5,254

136

In this video we go over the brand new to Material UI V5 - Skeleton component! It's basically a giant loading placeholder for React that can take the form of text, circles, and rectangles. It looks great on a webpage that has a bunch of well laid out UX components that need some time to load in, that a loading spinner or bar in React just doesn't do well enough for :).

Join our coding Discord:
  / discord

LINKS
Code Sandbox Link:
Material UI Getting Started Guide: https://mui.com/getting-started/insta...
MUI V5 Example: https://mui.com/material-ui/react-ske...
MUI V5 API: https://mui.com/material-ui/api/skele...
SX Prop:    • MUI V5: The SX Prop

TIMESTAMPS
0:00 Intro
0:41 Simple example and explanation of the MUI V5 Skeleton component
2:20 The text, circular, and rectangular variants (prop)
2:54 The different animations (wave vs pulse)
3:45 Full code example of the Skeleton component within a MUI V5 Card
6:45 Automatic dimension handling by nesting the Skeleton / other components
8:00 Changing the background color of the Skeleton component

Follow me on Social Media:
  / sistillianthony
  / anthonysistilli

На этой странице сайта вы можете посмотреть видео онлайн MUI V5: Skeleton (Rectangular loading placeholders for React) длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Anthony Sistilli 13 Апрель 2022, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 5,254 раз и оно понравилось 136 зрителям. Приятного просмотра!

1,019,015

21 тыс