question-mark
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.

Re-renders entire view when adding/removing rows

See original GitHub issue

If I add a new row to :data, the entire list view will re-render. Any plans to support just rendering the rows that have changed, as opposed to the entire list view?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:8
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

13reactions
piersolenskicommented, May 11, 2018

Any chance of seeing this fix in the next release?

4reactions
JustinRohwellercommented, Feb 28, 2018

For anyone still looking for a solution to the flash when deleting items: a solution that worked for me was in SortableList.js in componentWillReceiveProps replace the entire setState with: if (nextData.length > data.length) { this.setState({ animated: false, data: nextData, containerLayout: null, rowsLayouts: null, order: nextOrder }); } else { this.setState({ // animated: false, data: nextData, // containerLayout: null, // rowsLayouts: null, order: nextOrder }); }

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to avoid re-rendering the whole List instead of adding the ...
Which results in the whole list being re-rendered instead of simply appending the latest record, or removing the selected one from the current...
Read more >
How to stop re-rendering lists in React? - Alex Sidorenko
Components always re-render. First, let's simplify our example by removing all props from the Item . We will still update the parent state...
Read more >
Grid re-renders whole row when some cell go to edit mode
trackByFn causes whole row to be re-rendered, because before edit trackBy returns index of row and after edit trackBy returns data.
Read more >
How to Update Data Without Rerendering an Entire Grid in ...
In immutable mode, while performing grid actions, the Angular Data Grid will only rerender the modified or newly added rows.
Read more >
React re-renders guide: everything, all at once - Developer way
State changes are the “root” source of all re-renders. ... if the list is static, i.e. elements are not added/removed/inserted/re-ordered.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found