Apply Virtual Scrolling to large lists with the Angular CDK

Browsers become faster every day, but still, DOM updates are costly. If we have large lists, the browser needs to render them upfront, creating hundreds if not thousands of DOM nodes, even though the user might not even scroll that far in the list. Not only does this slow down the scrolling itself, but even the page load of our app. To optimize this experience, we can use virtual scrolling, in particular, in this lesson we’re using Angular’s CDK to implement that.