How does react Suspense work?

My VSCode Extensions:
- theme: material community high contrast
- fonts: Menlo, Monaco, 'Courier New', monospace
- errors: Error Lens
- extra git help: Git Lens
- tailwind css intellisense
- indent rainbow
- material icon theme
- prettier & eslint
- ES7+ React Snippets

[malhar]

I really liked your way of "going through -> asking -> thinking -> assuming -> and understanding it on the go"... type of approach. Sometimes I feel overwhelming by other know-it-all kind of videos, which makes you feel small about not knowing what they know very easily. Keep it up dude.

[skittlznt]

I literally came to Utube after reading that exact article and walking away a bit confused. Funny that I landed on this video explaining it. I love your disorganized style of teaching btw. It's refreshing to see someone ask the same questions that are popping around in my head.

[alessiomichelini]

Btw I don't set the success as it will fallback to default anyway, what you want to catch is if you have either an error or pending, and throw an error with those, everything else should just return the response, because Suspense what it does it's just listening if a block of code is throwing any error, if it throws it handles as a loading state, if it doesn't it means that the code is ready to be shown

[sachinahya]

The main benefit of Suspense is that it helps write simpler components that don't care about the network status of their data, they can just assume the happy path where the data is always available.

The Suspense fallback can be triggered by any of its deeply nested children which gives you more control over layout shift, compared to having lots of child components each rendering their own fallback.

[alessiomichelini]

I'm glad you liked my article, and thanks for the link!

[rishabhg]

I felt like I was collobarting with you while you were explaining in the video. I am sure there are people like me who understands well with this approach. Keep it up, mate.

[codinginflow]

Thank you, that was super interesting. It's probably good that NextJS hides a lot of this complexity.

[dcknature]

Learned about react Suspense thanks to your channel ☺️👍!

[SahraClayton]

Hi Cody, on line 27 in the wrapPromise file, how does handler[status]() work. I haven't seen syntax like this since I have been learning, I have seen something similar with square brackets but not with parenthisis afterwards.

[kerovinvillegas]

Thanks for this. My job title is "Senior" react dev but I'm still using console log for debugging/testing things out. Just found it funny to know there are devs out there like me. I know there are better ways but yeah I like it haha

[bernardoolisan]

wouldn’t it be better to use async/await in the wrapPromise?

[nguyentrunghieu]

Hello, I have a question. How does React know when to render the suspended component? Does React verify if the component belongs in the viewport?

[BobbyBundlez]

imho that whole promisewrapper thing is a bunch of extra abstraction and convolution to this lol. glad you agreed though haha

[iganic]

Is react suspense is for server side rendering stuff ?

[yabuking]

Why cant the react team create the Suspense feature that components can just return a promise? This is too convoluted.