How To Implement The Prefetch Pattern in React Concurrent Modeby@ilyamkin
8,200 reads

How To Implement The Prefetch Pattern in React Concurrent Mode

tldt arrow
Read on Terminal Reader
Read this story w/o Javascript

Too Long; Didn't Read

React announced a feature of the React ecosystem — Concurrent Mode. This would allow us to stop or delay the execution of components for the time that we need. We start rendering components and each of these components may trigger data fetching in their effects and lifecycle methods. There are three ways to do it: Fetch-on-render, Render-as-you-fetch and Render-As-You-Fetch-then-render. Render early with Suspense is a function that performs therequest and returns object that we’re going to pass to the component.

Company Mentioned

Mention Thumbnail
featured image - How To Implement The Prefetch Pattern in React Concurrent Mode
Ilya Lyamkin HackerNoon profile picture

@ilyamkin

Ilya Lyamkin

Senior Engineer @ Spotify


Receive Stories from @ilyamkin

react to story with heart

RELATED STORIES

L O A D I N G
. . . comments & more!