Scroll to Top of Page in React

[@userBC-usd]

I rarely comment on TH-cam, but I was searching for how to build a "goTop" function in React, and I came across your tutorial. It was clear, concise, and pretty easy to follow. Thanks for making this video. Thanks a lot!

[@arslan99]

I'm really glad in could help you out 😊

[@maxalejandrocamacho6163]

Thank u!!! you really help me to much! i was looking this answer for a while!

[@arslan99]

I'm glad I could help 😄

[@archangel4894]

Dude, Thanks for this tutorial. Straight to the point!

[@arslan99]

Glad I could help

[@World_information5568]

brother i have question that is window dom object? if yes then react don't recommend to do something with window object directly. Please reply.

[@arslan99]

I'm sorry I don't quite understand your question can you please elaborate

[@synbonghitshomie]

Exactly what I needed. Thank you!

[@arslan99]

Np you're welcome

[@josatienganh]

Thank you so much for this helpful video!

[@arslan99]

Glad it was helpful!

[@elgalanazo1662]

thanks mate I really appreciate this video

[@arslan99]

Np

[@Dilrux19]

Thank you bro
your video saved me

[@thelearner3962]

Thank you my brother

[@arslan99]

Np

[@arundhati7163]

Thanks, it's really very helpful.👍

[@arslan99]

Glad you liked it 😃

[@SaiPavanKumar19]

window.scrollTo() is not working

[@arslan99]

There could've been a typo you might've Typed scrollto

[@adrianedu5472]

Hello! Great job! Thanks for sharing! Really useful!

[@arslan99]

Np

[@stacksolutions7056]

Nice tutorial,,this worked for me 👍👍

[@arslan99]

Glad you enjoyed it

[@stacksolutions7056]

Yeah,thanks

[@AndresRojas-tr9ir]

Good tutorial, thank you so much!

[@arslan99]

Of course, you're welcome I'm glad you enjoyed it

[@renu_singroha_]

😊thank you sir ,very nice

[@arslan99]

Glad I could help

[@artsycoder533]

Hi, i added this to a project im working on and this works for me, however I get a warning:
react_devtools_backend.js:3973 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
I added a cleanup function to the bottom of my useEffect to remove the event listener, but the warning is still there:
useEffect(() => {
window.addEventListener("scroll", () => {
window.scrollY > 100 ? setToTop(true) : setToTop(false);
})
return () => {
window.removeEventListener("scroll", () => {
window.scrollY > 100 ? setToTop(true) : setToTop(false);
});
}
}, []);

[@arslan99]

Sorry without looking at the actual code This article should help. Oh also could it be your using async in your project but haven't used it in your useeffect?
stackoverflow.com/questions/53949393/cant-perform-a-react-state-update-on-an-unmounted-component#56537704

[@artsycoder533]

@@arslan99 I'll checkout out that stack overflow article, thank you!

[@marcosvinicius-xt6hp]

dude thanks you saved me 😂😂😂

[@arslan99]

No worries broski

[@fi1ipovv28]

thats nice job . Thank you

[@arslan99]

Np

[@dungphanquang3512]

Thanks so much

[@arslan99]

Np

[@johanesalberto6136]

wow bro, thank you so much

[@arslan99]

Np

[@saeedalberzawi9333]

Thanks 👍

[@arslan99]

Np

[@volodymyrkosynskyi7431]

thank you!

[@hajimeippo804]

thabk you sir!

[@faisalahmad100]

Thanks for help..sir

[@arslan99]

Np

[@faisalahmad100]

@@arslan99 ❤❤❤❤

[@ajk6690]

nice tuto my friend

[@arslan99]

Thank you I'm glad you enjoyed it

[@vivelamusica5610]

thanks!!!

[@arslan99]

Np

[@gregpuac]

Gracias, muy útil (Thank you, very useful)

[@arslan99]

No worries glad I could help

[@godswillonyeka5973]

Thanks man

[@arslan99]

Np glad I could help. Also your name is awesome man 👀

[@buildervision7082]

Perfect

[@mnnw148]

Great ❤

[@rafeifabulihya2814]

شكرا

[@Human_Evolution-]

I love you.

[@arslan99]

Lmao glad I could help 😃

[@csbhagwant]

it worked 🫡