What happened to the promising virtual-scroller element?
<virtual-scroller> is the native solution to create virtual list for the web
Published in
5 min readNov 1, 2020
The virtual-list concept has been well documented in mobile development but has not yet come natively to the web. Android developers are using it with RecyclerView, iOS developers with UITableView. Let’s take a look at this concept that was promised to come to the web with a native built-in web component.
What is a virtual list in a nutshell?
First, let’s talk about what problem a normal list has. If you take a look at the repository below, you will find a page creating a list containing 50 000 rows.
Web browsers are capable are rendering that many rows but it takes a long amount of time. You can see in the pie chart below how Rendering is taking over at the performance of your website.
