React Suspense 🔀

👨‍💼 Hello, my name is Peter the Product Manager. I'm here to help you get oriented and to give you your assignments for the workshop!

We're going to be learning about all things asynchronous with React. In web applications, there's much you need to concern yourself with when it comes to asynchronous behavior. Primarily we'll be focusing on data fetching and assets like images, but you can apply this to any asynchronous behavior in your application.

The core of everything we'll be doing revolves around the Suspense component and the use hook. The Suspense component enables you to declaratively tell React what to render while waiting for something to load. The use hook enables you to convert something async (a promise) into the resolved value.

And of course, there's ErrorBoundary which is a component that you can use to catch errors in your application and display a fallback UI. We'll be following the React team's recommendation and using react-error-boundary for this.

Under the hood, React will make this work and you'll learn all about how in this workshop.

Let's get going!