React Suspense Patterns

Loading components

Immediately

Behind user interaction

https://react-suspense-patterns.netlify.com/loading-components/behind-button

Loading a lazy component when clicking on a button.

Using React Router

Loading data

Fetch on render

Fetch then render

Fetch as you render

Reveal order

Receded -> skeleton -> complete

Pending -> skeleton -> complete

Suspense list

Deferring values

High priority vs. low priority