Lazy Loading with an Intersection Observer

So far, we’ve talked about how to use dynamic imports to lazy load a component on-demand and covered how to load components when a user opens a panel.

Scenario

What should we do if we want to automatically load a component that’s further down the page when a user scrolls to it? We can do that using an Intersection Observer.