frontend-collective/react-sortable-tree

Move to a smaller list virtualization library

Open

#425 opened on Nov 19, 2018

View on GitHub
 (7 comments) (4 reactions) (0 assignees)JavaScript (4,812 stars) (926 forks)batch import
enhancementhelp wantedinvestigate

Description

React window https://github.com/bvaughn/react-window is a rewrite of react-virtualized that exposes a simpler api and is also way faster.

Alternative is react-tiny-virtual-list which is around the same size

react-window

react-window should be a viable option for this and is only ~2.5kb if you just import list for what it's worth.

react-tiny-virtual-list

Tiny & dependency free – Only 3kb gzipped

Contributor guide

Tech stack
javascriptreact
Domain
frontend
Issue type
refactor
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React knowledgelist virtualization conceptsreading existing code
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
55
Research direction
First, identify all usages of react virtualized in the codebase, likely in components like SortableTree or related. Review the API differences between react virtualized and react window (or react tiny virtual list). Then replace imports and adapt the rendering logic. Ensure drag and drop functionality remains intact. Check the issue comments for any additional context or suggested approaches.
Move to a smaller list virtualization library · frontend-collective/react-sortable-tree#425 | Good First Issue