Profile picture
Andrew Clark @acdlite
, 4 tweets, 1 min read Read on Twitter
How to Code Split with React Suspense

Coming soon to open source.

We're already shipping a version of this to Facebook employees. The code is sooo much nicer than before.
Fun fact: the same API works in sync mode, too. The difference is that we have to fallback to the spinner immediately, as if `delayMs={0}`. But you still get the nicer programming model.
Another fun fact: zero component state is required to make this work. No lifecycle methods either. None. Nada. Not even as an implementation detail.
The key idea here is to block the transition until the whole tree is complete. That way everything updates at once, without lots of flickering and relayouts. This is incredibly hard to do right with existing tools.

For an example of what *not* to do, see:
Missing some Tweet in this thread?
You can try to force a refresh.

Like this thread? Get email updates or save it to PDF!

Subscribe to Andrew Clark
Profile picture

Get real-time email alerts when new unrolls are available from this author!

This content may be removed anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member and get exclusive features!

Premium member ($3.00/month or $30.00/year)

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!