A Quick Intro to Suspense in React 18

Learn the basics of how to work with Suspense in React 18!

(Note: As of this recording Data Fetching with Suspense is not fully supported.)

[mryechkin]

Killer video! This is by far the most digestible demo of Suspense that I've seen

[JoelGrayson]

Came here for suspense. Ended up learning about useSWR, emmet wrap with abbreviation, and framer-motion. Great video!

[RandomGuy]

Great demo for the concept. Call me crazy but the UX before suspense was added is better in this example IMO. render the static content immediately and then fill in the dynamic data. Otherwise you have way to much movement on the page waiting for data to be loaded before rendering the component

[sharmanultra]

This is awesome. I love how you show off the power of Suspense in such a simple way!

[tech]

Something about the way you explain, dude. Makes it sound really easy to understand.!

[danielbark]

Thanks Sam! Really love the clean and informative style you have. Inspiring!

[daCorasla]

So it basically marks something as being async and doing an await at component level. This is pretty cool since it’s a very basic paradigm to wait for data fetching. You would do it the same way by working a bit with the data store and setting some flags, manually

[JustSkillGG]

Sam your explaining skills are from another level.
Thanks for the awesome videos.

Subscribed

[vonderklaas]

Thank you very much, very good quality and content

You got yourself a new subscriber!

[ruuman]

I really enjoyed this video. Thanks for the great content!

[rity]

This is awesome but simple, thank you so much!

[andyjones]

Great video. I’d love to learn more about how (if possible) you can use different suspense boundaries depending on the render - i .e on initial page load delegate to top level suspense boundary, but if the user navigates to another page within the same app, delegate to a lower-level suspense boundary.

[setoseng]

Just stumbled upon your channel. Super informative content and presentation. Thank you.

[rahulsriram]

Great video! Would love to see if you make react server components videos

[mkvalor]

This is cool but -- how does centralizing this in the parernt handle it if one (or more) of the child components cannot be fetched? It seems like it would just show the spinner indefinitely for the whole group -- whereas before, we would at least see the stats from the child components that did complete their fetches.

[krimod]

Awesome video !! Thanks for the amazing content

[cseckler]

Great video! Explained so well! Thank you! Can you please share with us how you are wrapping your tags when you highlight them in your code? I assume it’s an extension?

[braveshine]

1:38 does anyone know how he pulled the trick to warp the div? or what ext did he use?

[jimshtepa]

if one of the children fails to fetch would it prevent others from rendering to display?

[archmad]

i honestly prefer before you applied the suspense. esp if there are calculations and different api latency for each call.