🔀 React Suspense

Simplify your Async UI and improve your User Experience

Learn how Suspense works under the hood, preparing you for the future of asynchronous state management.

<a alt="Epic Web logo with the words Deployed Version" href="https://suspense.epicreact.dev"

<img
  width="300px"
  src="https://github-production-user-asset-6210df.s3.amazonaws.com/1500684/254000390-447a3559-e7b9-4918-947a-1b326d239771.png"
/>

Prerequisites

• Install the React DevTools (Chrome (recommended), Firefox)
• Experience with React and most hooks

Pre-workshop Resources

Here are some resources you can read before taking the workshop to get you up to speed on some of the tools and concepts we'll be covering:

• Dan Abramov's talk Beyond React 16 | JSConf Iceland 2018 (33 minutes)

System Requirements

• git v2.18 or greater
• NodeJS v20 or greater
• npm v8 or greater

All of these must be available in your PATH. To verify things are set up properly, you can run this:

git --version
node --version
npm --version

If you have trouble with any of these, learn more about the PATH environment variable and how to fix it here for windows or mac/linux.

Setup

Use the Epic Workshop CLI to get this setup:

```sh nonumber npx --yes epicshop@latest add react-suspense

If you experience errors here, please open [an issue][issue] with as many
details as you can offer.

## Starting the app

Once you have the setup finished, you can start the app with:

npm start ```

The Workshop App

Learn all about the workshop app on the Epic Web Getting Started Guide.