Lightlines
By patternsdev

virtual-lists

patternsdev1.4k installs

Make large lists scroll smoothly in React.

What it does

Guides agents in making large lists and grids render efficiently by displaying only visible items.

When to use it

Use when lists or grids with hundreds or thousands of items have slow rendering or scrolling.

How to use it

It changes how the agent implements large lists, using windowed rendering and choosing components according to item heights.

What you provide

  • An existing project

Uses

Latest review

What you need · 3

The demonstrated list and grid implementations use React.

Uses react-window for the recommended windowed-list implementation, with react-virtualized named as an alternative.

Enables incremental loading of data as the user scrolls.


Access · 1

This skill

GitHub

Read

Reads library comparison documentation