👋 Hi!
Welcome to this course on React Suspense.
Here we'll cover the Suspense component and it's impact on component authoring, organization, and rendering.
If you have questions, hit me up on twitter — @chantastic — or via email (in my Github bio).
What we'll cover here is not "stable" React API.
It will likely change.
In fact, many features that I used to teach have been removed and no replacement has been set.
I suspect that things will stabelize by React Conf 2019 on October 24th.
This is an advanced course in React.
I assume that you've built applications in React.
You could absolutely follow this tutorial with no React experience.
However, the patterns I'll demonstrate here won't feel necessary unless you've worked in a compelex codebase.
The goal of this course isn't to teach React from scratch
But demonstrate how thinking in Suspense will change your components and organizational structures.
Suspense is going to change everything about the way you interact with data.
It also changes everything about the way you control visual transitions between waiting and loaded states.
Those capabilities come with some pretty drastic changes to the way React renders components and the way you will organize and compose components.
My goal is that you walk into Suspense with some good practices under your belt.
We'll start with an introduction to the basics of Suspense.
I'll show you how I like to author views and organize components in an application that uses Suspense.
We'll close with general component design and organization that I think will help you, regardless of Suspense.
This is a standard create-react-app application.
- Clone the repo
- CD into the project directory (
react-suspense-courseby default) - Run
yarnto install the deps - Run
yarn startto start a development server
© 2019 Michael Chan
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
