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/