How to create a dynamic `scrollToTop` button in React! No library necessary! EVER

Hey devs 👋

Have you always wanted to know how to get that buttery smooth scroll back to top button!?

Ya don't need another library to achieve this! Get the job done in just a few minutes with some basic logic and javascript!

---

PREFACE

This is a speedcode tutorial, and I'll assume you have some working knowledge of:

• HTML, CSS, JS
• React
• Good concept of CSS or SASS
• Not necessary, but I'll be using Styled-components ( CSS in JS library )

---

Resources

1. React
2. React Icons
3. Styled-Components

---

Speedcode tutorial ⤵️

---

Conclusion

Thats it for "How to create a dynamic scrollToTop button in React! No library necessary! EVER" I hope you enjoyed the video, and hope you never have to use another scroll button library again! Once you get the hang of the code, you'll be able to add this to your website in just a couple minutes, no doubt about it! #happycoding!

---

Additional resources you may enjoy!

Master Frontend Development 💻 By Cloning These Websites 💯

Chris Hansen ・ Sep 14 '21 ・ 6 min read

#webdev #beginners #html #css

Easiest Way To Add Icons To Your React Apps 😎

Chris Hansen ・ Aug 10 '21 ・ 2 min read

#webdev #tutorial #javascript #react

Blog Highlight Section Built with React and `CSS-in-JS`

Chris Hansen ・ Sep 1 '21 ・ 2 min read

No Fuss Dark-Mode Toggle with React & Styled-Components! 🌞↔️🌖

Chris Hansen ・ Aug 18 '21 ・ 4 min read

#webdev #tutorial #react #javascript

How to build a Responsive 📱 React Navigation Menu with Styled-Components 💻

Chris Hansen ・ Aug 3 '21 ・ 10 min read

#webdev #tutorial #javascript #react

Comments

[Chris Hansen]

Sweet, thanks for that input! I've been looking into browser performance best practices but I'm still trying to get better at the basics of react! I'll look into this though 💯