Rendering large lists with React Virtualized

Obrigado pelo vídeo, me ajudou muito

You are a saviour!!! I was struggling with this issue of rendering large data in react. You saved me .... Thank you❤

Hey, is it possible to have lists with varible widht? I mean I want show them like how words in a text file are, how this comment looks. Words next to each other. Is it possible to do that?

It was great lesson! How can I render accordion from Mui ?

Could u implement this with react select 😄

Awesome Video! do you know why the DATE component is sticky in the top? because that is generating 2 scrollbars one for the main page and another one to the window virtualized. Is there any way that we can avoid 2 scroll in the same page?

Thank you very much bro this helps me a lot

2022 and it works great

Good Explanation...

thanks I spent all my day trying to fix the virtualized list, and didn't know the height and style were that important

How to use react-virtualized with accordion ?

This is really useful when you need to implement infinite scroll

Thank you a lot for this! I was struggling and the change did it for me in the end is to store the cache in a ref

Such a fantastic explanation here

Hi, have you tried react virtualized in a tree structure data like a nested list? Do think it’s possible?

very useful

Awesome explanation man! thanks!

awesome

Damn you killed it man

Hello, I cloned the repo and run the app, and tried shrinking the page but the height of each item doesn't change causing overlapping text. How can we solve this issue or make dynamic height for each item?

The video is cool, but the advertising in the middle of the video is really annoying.

Thank you so muucchhh

Can i filter the list items? for example if I want to add a search functionality.

It's really underrated, such a nice tutorial step by step, perfect only downside is that the advertisement is so annoying :\

Do all the elements have to have same html?

This is gold, thanks you so much!

what you said, "you about to see a disaster", I didn't thought it will be that bad

big thanks man! keep it up!

This created a second scroller inside the page. Is there a way to implement this so that when we scroll down the top part also disappears?

good tutorial man!!

Thanks man, you saved me, this was exactly what I needed

That's awesome thanks

lazy loading is ruining my performance what should i do !

That's a great tutorial. Thank you so much for creating it.

life saver it is

Could you also show how you extrend this to a responsive grid layout (e.g. mobile first only 1 column, desktop 3 columns)?

Wow! thanks. Came here to understand how material ui manages large lists in their autocomplete dropdown. MUI is using react-window which was originally react-virtualized. Got the basics now. :)

Great tutorial! Thanks

Saved my a** thank you!

Dude, I love you man. Thank you for clearly explaining all of this information. I've been struggling with this and window, so thanks a bunch!

the best tutorial for react-virtualized ever! thx bro!

I just downloaded this but resizing the width of the window doesn't autoresize the rendered children

Great Job, i have one question, what is the difference between deferredMeasurementCache={this._cache} and deferredMeasurementCache={this._cache.current}. After using deferredMeasurementCache={this._cache.current} this one i find great difference in performance, initially it took 2min to load data. But after change to "current" it is working fine.

In the dev tools console, I get this warning " findDOMNode is deprecated in strict mode. findDOMNode was passed an instance of CellMeasurer which is inside StrictMode ...."
Because in the index.js <App/> is wrapped within <React.StrictMode>
If I remove the wrapper then warning disappears. Is there any other solution???

This video is great, very very useful, thanks guys for putting this tutorial together

Awesome

Freaking awesome 👏🤯