[docs] Add virtualized List example

[joshwooding]

• I have followed (at least) the PR section of the contributing guide.

[mui-pr-bot]

No bundle size changes comparing 49bb455...af6a88c

Generated by 🚫 dangerJS against af6a88c

[oliviertassinari]

What dependency should we use? https://npm-stat.com/charts.html?package=react-virtualized&package=react-window

[joshwooding]

From the react-window FAQs

If react-window provides the functionality your project needs, I would strongly recommend using it instead of react-virtualized.

I'm curious what the others think @mui-org/core-contributors

[oliviertassinari]

And so we showcase the two dependencies, it's good for me.

[eps1lon]

Do what the author says i.e. use react-window.

[MastroLindus]

I was not aware of this PR.
I was also independently testing react-window with material-ui lists, and had a very similar implementation.

However personally I found the following issues:
1)ListItemSecondaryActions seems to be broken, I guess their positioning conflicts with react-window
2)ListSubheaders too are not working properly, I guess because of the sticky headers.
I just noticed this small paragraph in the docs of react-window: https://github.com/bvaughn/react-window#does-this-library-support-sticky-items
So i guess tomorrow I'll have a look at that.
3)On mobile the rendering of the rows is not fast enough if you scroll at a fast speed, therefore you see the list "white" until it has the time to render. It's not a deal breaker but it doesn't look great.

[sergiolenza]

Hi folks.
@MastroLindus did you found any solution for your second point?
I'm dealing with that issue right now and it seems it is impossible to achieve 😞
Thanks.