Summary and Key Takeaways

• The Suspense component can be used to show fallback content while data is fetched, or code is downloaded.
• For data fetching, Suspense only works with components that fetch data via Suspense-enabled data sources during their rendering process.
• Libraries and frameworks like TanStack Query and Next.js support using Suspense for data fetching.
• Using Next.js, you can wrap Suspense around server components that use async/await.
• Alternatively, Suspense can be wrapped around components that use React’s use() Hook for reading a promise value.
• use() should only be used to read values of promises that resolve with Suspense in mind—e.g., promises created by Suspense-compatible third-party libraries.
• When using Next.js, promises created in RSCs and passed to (client) components via props may be consumed via use().
• The use() Hook helps with reading values and using Suspense in components that also need to use...