Skeleton Loading
ELI5 — The Vibe Check
Skeleton Loading shows gray placeholder shapes where content will appear, like a ghost version of your page. It tells the user 'stuff is coming, here's roughly what it'll look like.' Way better than a spinner because it reduces perceived loading time. Fake it till you make it.
Real Talk
Skeleton Loading is a UI pattern that displays placeholder elements mimicking the shape and layout of content that is still loading. It reduces perceived loading time by providing spatial context for incoming content, commonly implemented with CSS animations on gray block elements.
When You'll Hear This
"Skeletons reduce perceived load time more than spinners" / "Match your skeleton shapes to the actual content layout"
Related Terms
Optimistic UI
Optimistic UI assumes your API call will succeed and updates the UI immediately. Liked a post? Heart goes red instantly.
Suspense
Suspense is React's way of saying 'hold on, something is loading, show this placeholder instead of crashing.
SWR
SWR stands for 'stale-while-revalidate' and it's Vercel's answer to data fetching.