Skeleton components

I couldn’t find any s-skeleton variants in the new Polaris web components. Do we need to create such components using the s-box?

New Polaris probably won’t have them I think. Shopify encourages to use Remix, which eliminates skeleton loading styles as everything is rendered server-side. This provides a better user experience (Shopify also no longer uses them on most of their admin), so I think Shopify want to encourage this.

you still need skeleton for ui that constantly changes, or revalidates, like analytics.

Yes, also if you are using direct API access of the app bridge then you need some kind of loading state.

Even for the ssr you will need streaming with react suspense at some point in order to improve the Largest Contentful Paint (LCP) score. Again you need a loading state when using suspense.

I used s-box with background="strong" but s-spinner also works for now.

1 Like