Dominic
Apr 1, 2021

--

Hm this is just a "this is how you use react-virtualized" tut, it's actually pretty easy to roll your own virtualization but the crux of the matter is that the native scrollbar on touch devices with acceleration like a touchpad is simply too fast for HTML rendering to keep up. I tried even with one of the fastest rendering frameworks in the world and vanilla. Ultimately for things like grids you need to use canvas with simulated scroll and always draw the cell lines, this way even if the content appear a moment later from some slow framework like React or Angular, it doesn't have jarring flashes of blankness. For a log I guess it doesn't matter so much.

Also I recommend you use https://github.com/bvaughn/react-window instead. Same author but more focused and lightweight.

--

--

Dominic

Tech fatigue? Nope. I love reading about new frameworks and languages and dabbling