Transitions and Data Fetching with Suspense in React 18

Frontend First

Sam and Ryan continue their discussions around React 18 and the in-progress work on data fetching with Suspense. They talk about the useTransition hook and how it helps eliminate inconsistent states from your application. They also talk about

Topics include:

• 0:00 - Intro
• 4:13 - What does Suspense for Data Fetching mean?
• 15:00 - How Transitions allow us do work outside of render
• 39:43 - Dealing with Timezone-dependent tests
• 46:45 - Modal routing in Next.js
• 48:15 - Snapshotting form data

Links:

• Sam’s video on SuspenseAfterInitialRender
• suspend-react by pmndrs
• Sam’s thread on suspend-react
• Built-in suspense cache discussion
• Concurrent mode transitions
• Reddit example
• React forms