What the Fork is React Suspense?

Suspense is

that's part of the new "concurrent mode." Since everyone is getting all hyped up about it, I wanted to figure out what the excitement was and drew some quick summary notes.

Allows us to suspend rendering parts of our app until a particular condition is met, such as waiting until our data load. This keeps our interface interactive.

This allows us to prioritize the order that elements render in, based on those conditions. From high priority to low priority.

We create a suspense boundary around our components, and declare a fallback element to display while the data is loading.

This is a pretty lightweight intro, but you get the gist of it. CSS-Tricks has a nice in-depth write up on

React Suspense in Practice

If you're looking to properly learn how React suspense works,

Kent C. Dodds

and

Michael Chan

both made egghead courses on it

Want to know what the fork is going on with other web development topics?

Take a look at

What the Fork is xState?

What the Fork is Rust?

, or the

What the Fork is Babel?

What the Fork is React Suspense?

Want to know what the fork is going on with other web development topics?

2 Backlinks

Building Custom React Hooks

Building VR Apps with React360