Use Suspense to Simplify Your Async UI by Kent C. Dodds

• Course Intro
• Enable React Concurrent Mode
• Fetch Data with React Suspense
• Handle React Suspense Errors with an Error Boundary
• Write a generic React Suspense Resource factory
• Refactor data fetching with useEffect to Suspense Resources
• Where to Position React Suspense and Error Boundaries
• Improve Suspense loading states with useTransition
• Use CSS Transitions to Avoid a Flash of Loading State
• Modify Suspense Config to Avoid a Flash of Loading State
• Cache React Suspense Resources
• Preload Images to Improve Loading Performance
• Create a Custom Suspending Image Component
• Implement the Fetch as you Render Approach for Improved Performance
• Create a Custom Hook that Creates Resources
• Use SuspenseList for Coordinating Suspending Components
• Fetch Modules Eagerly for SuspenseList
• Wrapping Up with Experimental React Suspense