illustration for Build an App with React Suspense

Build an App with React Suspense

Instructor

Michael Chan
1h 23m
Updated:
a year ago
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.5
174
people completed
Bookmark
Download
RSS

🚧 CONCURRENT MODE IS EXPERIMENTAL! 🚧

Michael Chan has years of experience with React, and in this course, he will guide you through the ins-and-outs of working with Suspense.

React Suspense gives us a new way of describing with fine-grain controls how users experience should look based on data we have or don’t have.

This will change the way you build React applications forever and this is the opportunity to get an early look and head start!

What you'll learn

  • Understand the Suspense component
  • Set up ErrorBoundary where conditions aren’t met
  • Devise strategies to resolve different children
  • Import & use CreateResource to prepare for Suspense
  • Understand concurrent mode
  • Extract components into modules

Learner Reviews

  • Luis Felipe Hussin Bento
    8 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I liked the pace and how the example app is pretty much a reduced test case for the Suspense features. It was a very good overview of it all and it gave me good ideas on how to work with Suspense once it's out of experimental React.

    If I have to be critical about something, maybe the time spent on explaining some unrelated techniques like extracting api calls and such could be shorter, as there are some assumptions made before starting the course. But that's just a very minor thing that doesn't detract from the value of this course :)

    Thanks for putting this up!

  • Gonçalo Morais
    9 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    Pretty good, I would love to see a follow up to these courses (that teach you how to play with something really specific) where they would take the same amount of time to clean the app up and shape it to an ideal way!

  • Rafael Pereira
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    really nice course with a good pace, congratulations. I only recommend more examples on the last part of the course.

  • Natalia
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    The course has a really good pace and explains things in an order that makes a lot of sense.

  • Raquel Moss
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What would make this course a 7 for you?

    There were a couple of more general React lessons that I skipped through (hoisting state, refactoring). I think what would make this a 7 for me would be a demo of using Suspense to create a cool infinite scroll + async loading + code splitting, that'd be nifty. I liked the demonstrations of loading order.

  • Learn Sifnos
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Great course. I did not learn just about Suspense.

    I didn't like the spinner thought ^^ we can't control the color and it doesn't rotate around it's gravity center.

Course Content

1h 23m • 23 lessons

    You might also like these courses:

    illustration for Introduction to Cloudflare Workers

    Introduction to Cloudflare Workers

    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout

    Create an eCommerce Store with Next.js and Stripe Checkout

    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use

    Practical Git for Everyday Professional Use

    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.