Just published a Build UI recipe for this <Await> component. Absolutely love using this!
Stole this idea from Remix: An <Await> component that suspends for a promise.
The nice thing about this is it lets me try out different loading UIs before extracting and naming a new component, defining its props, and declaring its types.
9
13
135
6
14
127
Replies
@ryantotweets
Is there a decent way to achieve this?
- Always perform blocking SSR in server components only on initial page load (with all data baked into the page).
- Perform non-blocking client side transitions and lazily fetch data with loading placeholders for all subsequent…
3
0
2
@1258632
In the demo I'm using next, but it's possible just about everywhere. Any RSC implementation should support this and it can even be done in client components by refactoring the await to the upcoming `use` hook.
Also possible in Remix w/ defer (that's where the idea came from!)
2
0
1
