Sync code, async UI

Frontend First

Sam and Ryan continue to put some more pieces of the Suspense puzzle together as they talk about how throwing promises enables devs to write synchronous code while still building asynchronous (non-blocking) UI. They also talk about sharing state across pages in Next.js.

Topics include:

• 0:00 – Intro
• 1:08 – Sharing state across pages in Next.js
• 9:03 – Confronting JS object identity up-front in React, and buiding consistent trees of different versions of your UI in parallel
• 25:55 – How Suspense lets you represent async UI with sync code
• 42:00 – Interruptibility and push vs. pull
• 49:20 – The problem of invalidation, and the Suspense cache

Links:

• Suspense’s contract
• New Suspense SSR Architecture in React 18
• Built-in Suspense Cache