frontend-collective / frontend-collective/react-sortable-tree

Dragging elements renders the tree thousands of times, performance issue

Open
#417 5 comments 0 reactions 0 assignees View on GitHub
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.