1

Everyone. I'm researching about react-virtuoso. It's a new repository for efficiently rendering large component list. It's pretty new. I'm getting of stuck about how it works. Why react virtuoso can overcome problems of react-virtualized?

Thanks a lot <3.

maitrungdong
  • 45
  • 5

1 Answers1

7

React virtuoso author here.

  • The project has been around since 2019 and has 6M+ NPM downloads. I would not consider it new, but it is newer than react-virtualized and react-window.

  • It has been specifically designed to overcome the challenges of variable item sizes by using optimized data structures.

If you're interested into understanding its implementation, you can will have to get acquainted with its internal state management paradigm, urx. From there on, you can read the source code - there are several core features that take care of the sizing and scroll handling.

Hope this helps.

Petyo Ivanov
  • 1,137
  • 8
  • 18
  • This is a ling shot but I am working with your virtuoso npm project and cannot get it to format the tableHead properly. Can you take a look at my question: https://stackoverflow.com/questions/76037382/rendering-header-with-react-virtuoso-and-material-ui. @petyoIvanov – CourtneyJ Apr 17 '23 at 20:42