MUI V5: Skeleton (Rectangular loading placeholders for React)

Publié le: 13 avril 2022
sur la chaîne: 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

Sur cette page du site, vous pouvez voir la vidéo en ligne MUI V5: Skeleton (Rectangular loading placeholders for React) durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Anthony Sistilli 13 avril 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 5,254 fois et il a aimé 136 téléspectateurs. Bon visionnage!

718,563

10K