Loading Screen with React Tutorial | Beginners (2021)

Thank you man this very fucking easy and cool thank you again

making this with settimeout is wierd, is there any better solution?

Gracias!!! ;) Excelent! quick and simple

Very good video, thanks bro. New subscriber-👨🏾‍💻👨🏾‍💻

how to use custom loader

Thank you man !!! so understanding

can you tell for the dynamic loading of the spline 3d model (as we do in the API) ?

Thanks for making this one. Next time make a loader which doesn't remove the rest of elements from the DOM, i.e, which doesn't conditionally renders but loads on top of the current page

Thank you Tony, I understood the logic of using a preloading page with react framework!

Everything is clear and understandable, but you've used only one header element, what if I want to put several sections, such as: main and footer. Tried it and couldn't display flex on app. Everything broke. Do u have a solution?

underrated

very very very clear enough that i saw my reflection.

Thanks bro. It really helped.

Very very clear, quick and simple. Thanks for the video sir!!!

Thanks buddy, good video

thank you sir

thanks

hi nice video, but i had one doubt while i m scrolling down page then left side menu loader will fill some color while page is scrolling how to do that one plz let me know
Thanks

Fue de mucha ayuda...preciso lo que necesitaba

and how to track how many percent of the page loaded so that a real loader can be made and not an imitation, HOW TO KNOW

this stack is broken

Thanks.

hi bro please tell me that how to make our own logo as a
loader

So clear and straight forward ❤

The transition from spinner to content is really bad UX.
It would have been much better if you made the spinner its own component with a `isLoading` prop and and pass the content as children.
Then transition from spinner to content with CSSTransitions (react-transition-group).

Thanks alotttttttttt <3

It helped me a lot, thanks :)

hey thanks for the video....i am loading a 3d model how can i know when my model is loaded and then set the loading to false?

Thanks for the great tutorial. One question, by using this method, the page loads 2 times. Is there any other way so that the page only loads one time. I have used console.log to verify it.

Thank you so much!

Nicely explain dude

Tnx

great work man

AMAZING video thank you VERY much bro !!!!!

Thank you .

Thanks

Great help man, thanks!

very helpful thanks dude !

thank you!

Thanks bro, this video made the loading indicator on react so much more easier to understand!

Wooooh Like it

Awesomeee ✌️😃

keep going man, love it

Quick and simple. Thanks bro!

Thanks for the great video, got 2 questions: 1st. what if we wanted to make this in a class component? 2nd. is there anyway other than setting a timeout? thanks in advance.

Cool

Hey man, i have a question, do you defined 8000 for the time render the component? or the component render after loading the page?, im brazilian, sorry my terrible english.