React Suspense Introduction (Data Fetching) 

I don't use react but liking and leaving a comment on your video is the least I can do. Longtime fan. Keep up the good work.

Just came by to thank you for all your great free content, Brad. You are really helping a lot of people.

I love how you had a "What the Hell did I just do?" moment during this video! So relatable.

Brad always reading our minds. Just what my job started using and I had NO CLUE what it was. I do now 😏 thanks Brad!!! 🔥

I'm so glad this came out just now! I'm building a web app for a client who basically needs everything dynamically fetched, and this should make it soooooo much less painful handling the loading state.

Who the hell dislikes a Traversy video?

You're always just making us wanna learn like non stop Mr BRAD tanks a lot and may GOD bless you more and more.

I love this guy. Your classes are amazing!! Keep doing this.

Thanks for the intro Brad. Always good to know what's coming up in React world

You explained this SO well.

Love your content! Thanks for keeping me from getting fired.

thank you very much. all your videos are extremely helpful. thank you for your time invested in creating them.

This was super easy to understand, thank you

Thanks for taking the time to go through this.

Great tutorial. All of his videos are outstanding.

Just now thinking about this topic and here it is! 🙂

Thanks for this bro... You're the best

I thought react suspense was that feeling you get when you're trying to finish at least one component before they have a major update.

Just I want to say thank you for your time and valuable video very useful

Great content as always.

thanks man! loved it.

Brad is a great person !

thanks traversy!!

My favorite coder

A video series on React PWA will be really helpful. Thanks for all your efforts btw.

you are the best!!!!

Thanks sir! Are you planning on any react native course?

Thank You Thank you im new to the channel, and new in web design / development (this is my 3rd week), i have my first course ever on udemy, your course modern html/css , and i love it. Im by the news grid project in the course :), and planing to take the jave script after Thank you very much greatings from "Vienna"

Hi Brad, would you make a tutorial on how to bundle nodemailer and react to make a working form? Thank you so much.

Thank you!

can you do an aws based event recommandation project ?

This looks like a lot more work than just to use if statements

vs code auto import imported this wrap thing in your code. I wish there was any way to customize vs code auto imports. I had a colors object stored in my theme.js file, everytime whenever I type Colors in my code it auto imports Colors from somewhere inside node modules.

sir I love your video let me see this ...love u sir you are God for me sir I am a 3rd year btech student tell me about the projects sir pleaseeeeee

What does it mean by "throw suspender" ? We know about throwing exceptions, but what's throwing the promise doing ?

"Too much node". Yesterday I saw that es6 modules are officially part of Node. You don't have to use common js

Thanks for shared

Please make a video on how to use gmail api for sending messages from nodejs backend

So finally we don’t have to manage loadings anymore... thanks god!

Does it also apply for React Native the same way?

Thanks Brad.. what about something about blockchain..!😁

Sir, Could you make a tutorial playlist on Wordpress for making an E-commerce website and deploying it? Please fulfill my wish. I am your regular viewer, subscriber and a great fan of your art.

Thank You Brad! PS : When You'll Release ( Web Development In 2020 - A Practical Guide )?

@11:40 Can anyone please point out which dot then is catching the suspender or result error???

Just wanted to say I've always really enjoyed your videos, so much so that I reference your channel in the book I just wrote. It was released recently. It helps to teach beginners and intermediate level programmers learn Python and some Analytics libraries. Feel free to check it out. You can find the shout out on page 322. Thanks!

will it work in react native or just for react ??

React Suspense for sure arouses me @Traversy Media :D

I take it you can still do a redux provider like .render() in index.js

You can also nest those two Suspense elements and it would only ever show 1 spinner at a time

By 12:00 I'm already just fine with using if/else. This looks like the type of stuff you understand while writing and then makes absolutely 0 sense when revisiting the code 1 month later. You need a "tutorial for the tutorial" of Suspense here.

LOL, I got the {wrap} from "./modules" as well...Damn IDE trying to outthink itself.

awesome

I like ur videos

Hey brad, are you interested making video/tutorial about web components in the future?

15:47 Hi, Just some tips for any React developers out there, should your compiler throw any warnings such as in this video. Instead of searching/ finding the keyword "wrap" in the whole document. U can look up at the filename, line number and column number in your terminal. In this video ( API.js Line 2;10 'wrap' is defined but never used.) This is what I do on daily basis where upon done doing any changes I will try to look up to the terminal to clean up any compilation warnings before pushing my commits to remote repository :)

that was avaliable in react 18?

Why didn't you use async/await instead of .then?

I used this exact same method but my state keep getting getting resetted to the initial null value every time. I can't pass my state as props to another component because of that. Anybody know what happened?

thank you Brad! and can u share the code with us ? =)

9:53 wrapper that arouse 🤣🤣🤣🤣

Is there any reason to use this in today's development?

love you

Great video. But omg the writers of react seem to be paid per line of code. Why is this any better than setting result equal to a spinner until data is fetched?

Just another positive comment)))

Seems like a lot of boilerplate to avoid an if statement. Not for me.

more react videos !!!!

So this is basically try/catch for components? If Suspenses child throws an error it will just render the fallback stuff

please update your course in udemy (reactjs)

1st view.. :)

Thanks.But users api didnt work ))no problem in code but doesnt work

I was all in, until the wrap promise method and checked out, seems way too complicated

please multilanguage react :X

Fast 3g .. That will be still slow 😅

Damn react is full of boilerplate from hell and apparently they dont even think about changing that fact.

Comment

import React, {Suspense} from 'react'.......... wait wut, you could do that?

I don't understand what the advantage is to doing this rather than just checking if your data is null first

I dont get it. Is this really a pain point? You didn't have to check if user === null ... you simply replaced it with 100 other lines of unreadable code and for what benefit? So you can defer rendering a component until it has data? It just seems like putting in two regular pennies to get a shiny one back. Is your shiny penny worth it? Probably only to applications on the scale of Facebook.

your video title is about react suspense, you should just explain about it in short and simple way but you made it so much complex things and explained unnecessary things in these video, these video is not upto the point , waste video