Frontend First

Transitions and Data Fetching with Suspense in React 18

Episode Summary

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

Episode Notes

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