How to display a skeleton component for a list component

1. What is skeleton component?
2. How do you implement a skeleton in react?

What is skeleton component?

What is a Skeleton Component? When a screen or webpage is loading, skeleton components are the placeholder elements that the user sees before the actual content is loaded.

How do you implement a skeleton in react?

css';const Skeleton = (type) => return ( <div className="skeleton"> <div className=type> </div> </div> )export default Skeleton; Now instead of just displaying just “loading” text, we will show our <SkeletonProduct /> component. Now, our React app will load as shown in the above gif.