How to Build a Custom Scroll Bar w/ React & CSS | REACTJS WORKSHOP 2023

Описание

Learn how to build a fully functional custom scrollbar using React and CSS. Tom VanAntwerp will show you how to set up the basic structure of the scrollbar using HTML and CSS, and how to use React refs to dynamically adjust the scrollbar's size based on the accompanying content's height. After that, Tom covers how to implement event handlers for scrolling, clicking, and dragging functionalities.

Demo Code: https://stackblitz.com/edit/react-scrollbar?file=src%2Fcomponents%2FScrollbar.tsx

Instructor: Tom VanAntwerp, Senior Software Engineer at This Dot Labs
Connect with Tom on Twitter: https://twitter.com/tvanantwerp

Sponsored by This Dot Labs: https://www.thisdot.co/