MUI V5: Skeleton (Rectangular loading placeholders for React)

Published: 13 April 2022
on channel: 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

On this page of the site you can watch the video online MUI V5: Skeleton (Rectangular loading placeholders for React) with a duration of hours minute second in good quality, which was uploaded by the user Anthony Sistilli 13 April 2022, share the link with friends and acquaintances, this video has already been watched 5,254 times on youtube and it was liked by 136 viewers. Enjoy your viewing!

803