React-sortable-tree: Move to a smaller list virtualization library

[wuweiweiwu]

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

[wuweiweiwu]

cc: @clauderic

[bvaughn]

FWIW, I just checked and adding FixedSizeList from react-window to a project adds +2.13 KB (according to create-react-app)

[wuweiweiwu]

Will explore that as well! thanks!

[af]

@wuweiweiwu What are your thoughts on react-sortable-tree backwards compatibility with this change? Among the things I noticed when looking at migrating to react-window:

• RST uses AutoSizer, should we pull in the react-virtualized-auto-sizer to maintain this behavior (it's not included in react-window AFAIK)?
• The reactVirtualizedListProps prop could stick around but the name might be a bit misleading.

I'm sure there are more changes that I haven't noticed yet. Is the goal for the external API to remain as stable as possible, or to fit the underlying windowing library best?

[wuweiweiwu]

RST uses AutoSizer, should we pull in the react-virtualized-auto-sizer to maintain this behavior (it's not included in react-window AFAIK)?

yep thats the plan

The reactVirtualizedListProps prop could stick around but the name might be a bit misleading.

in the release well keep the same prop name but we can alias reactWindowListProps to be the same thing and make a breaking change in a later release

[timothyarmes]

Are there still plans to move to a smaller library?

[wuweiweiwu]

Yes! Will finish this when I get some time. Feel free to contribute as well!

On Wed, Oct 30, 2019 at 2:04 AM Timothy Armes [e-mail]
wrote:

Are there still plans to move to a smaller library?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/frontend-collective/react-sortable-tree/issues/425?email_source=notifications&email_token=AINC7XBDXDN26L4XLOQMSG3QRFE2PA5CNFSM4GFHHOC2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOECTM5VA#issuecomment-547802836,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AINC7XCEDAXFABWFYYZMUCLQRFE2PANCNFSM4GFHHOCQ
.

>

Wei-Wei Wu
weiweiwu.me