Currently, all items in Carousel component are displayed as they are, which can cause performance problems when a lot of items are to be displayed.
We should consider adding virtualization so elements that are offscreen don't need to be rendered, possibly something like https://github.com/bvaughn/react-window
At this point I'm not sure if we need that for the Carousel - it seems we'll never end up showing more than 10 items at a time there. This may be worth exploring for the infinite scroller though
Scope
Add virtualisation for
Context
Currently, all items in
Carousel
component are displayed as they are, which can cause performance problems when a lot of items are to be displayed.We should consider adding virtualization so elements that are offscreen don't need to be rendered, possibly something like https://github.com/bvaughn/react-window