Getting Started with React Virtuoso | React Virtuoso

React Virtuoso is a family of powerful, easy-to-use React components that display large data sets using virtualized rendering. Unlike other virtualization solutions, the Virtuoso components automatically handle items with variable sizes and changes in items' sizes. The package includes a flat list (Virtuoso ), a grouped list with sticky headers (GroupedVirtuoso), a grid with a responsive layout (VirtuosoGrid), and a table (TableVirtuoso). The package is tree-shakeable, so your bundle should not be inflated by the components you don't refer to. The Virtuoso components support the automatic handling of items with variable heights. There's no need for you to hard-code or manually measure item sizes. In addition to automatic handling of the item sizes, the components monitor any changes in the item's sizes (for example, due to content load) and re-adjust the scroll area size. The component container size itself is also monitored, so that the list reacts to browser resizing or sibling eleme

saved by

• Zi T