Render as you Fetch Pattern in React with SWR

Render as you Fetch is a pattern that lets you start fetching the data you will need at the same time you start rendering the component using that data.

Full article