Re-renders entire view when adding/removing rows
See original GitHub issueIf 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:
- Created 6 years ago
- Reactions:8
- Comments:7 (2 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Any chance of seeing this fix in the next release?
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 }); }