frontend-collective / frontend-collective/react-sortable-tree
Dragging elements renders the tree thousands of times, performance issue
- Dominant language
- JavaScript
- Stars
- 5k
- Forks
- 914
- PR merge metrics
- No merged PRs in 30d
Description
I have a tree with 10 elements at most, all elegantly coming from an API and rendered well in the frontend.
No matter what I deactivate I noticed my drag&drop function is slow, like really slow, sometimes freezing up the browser because of the multiple calls to the rendering function.
For example, a simple drag can make between 3000 to 60000 updates (I discovered this by placing a console.log in generateNodeProps).
I can't reproduce the problem for you, locally somewhere as this is an internal project I work on.
Any idea how I can solve this rendering issue? I use webpack, es6 and the latest react+redux.
Thank you!
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.