Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

overscanRowCount with a cell cache

See original GitHub issue

Hi! Thanks for your work on this great library.

I am trying to use a cell cache along with overscan row count, and seeing extra renders from some children components. Here is an example: https://plnkr.co/edit/ebIVXCgOjM4XAddErRGi?p=preview

If you scroll very small amounts, notice that rerendering is logged 30 times on each change. This is far less than the number of times that rowRenderer is called.

What I would expect is that the child component here is only re-rendered if necessary.

If I set overscaneRowCount to 0 I don’t notice this behavior any more.

Issue Analytics

State:
Created 7 years ago
Comments:21 (13 by maintainers)

Top GitHub Comments

1reaction

arbesfeldcommented, Nov 22, 2016

This is great!! Thanks again for your work on the library.

1reaction

bvaughncommented, Nov 22, 2016

8.5.3 has been released. Hopefully this will address your overscan concerns.

Top Results From Across the Web

bvaughn/react-virtualized - Gitter

Question: I am using cell measure cache to render a dynamic list. This all works. ... The wrapper only renders what's mentioned in...

How to use CellMeasurer in react-virtualized Table?

cellCache is for the height of individual Column cells. rowCache is for the height of rows. const cellCache = new CellMeasurerCache({ fixedWidth ...

API: BaseTable

This parameter can be used to show a placeholder row while scrolling. overscanRowCountnumberdefaults to1. Number of rows to render above/below the visible ...

Rendering Lists Using React Virtualized | CSS-Tricks

overscanRowCount : This is used to render additional rows in the direction ... We make use of the cache when we set up...

Grid - GitHub

`Grid` only renders cells necessary to fill itself based on the current horizontal ... A shared CellMeasurerCache reference enables Grid and CellMeasurer to ......