react-selectize icon indicating copy to clipboard operation
react-selectize copied to clipboard

Supporting virtualization of Large options list?

Open cheahkhing opened this issue 9 years ago • 6 comments

When I have an options list of over 10000 items for a SimpleSelect or MultiSelect, it will be slow when rendering them on first load. Is there a plan to support virtualization of the list? so that only those visible options are rendered on the fly, it will improve the performance as well.

cheahkhing avatar Feb 18 '16 10:02 cheahkhing

maybe in release 1.0, using this: https://bvaughn.github.io/react-virtualized/

furqanZafar avatar Feb 18 '16 10:02 furqanZafar

This will be great. :) totally looking forward to this.

cheahkhing avatar Mar 01 '16 05:03 cheahkhing

Hi, i would like to get started on this item. I am trying to see how i can integrate them into react-selectize. But seems like the changes might be quite big. I am actually doing it in normal js file instead of your livescript (since i am not familiar with this). Just wondering if you have plan on this?

cheahkhing avatar Jun 14 '16 08:06 cheahkhing

Nope, I didn't get time to work on this, I am writing a Babel / ES6 version of react-selectize but not getting much free time to complete it still

furqanZafar avatar Jun 15 '16 00:06 furqanZafar

Hello folks. 😄

If there's any interest in react-virtualized integration I'd be happy to help. Were you thinking of built-in support or more of a HOC approach like react-virtualized-select?

Edit: Might also be cool to provide a faster / more optimized filter function too (similar to react-select-fast-filter-options). Looks like that one would almost work out of the box except for the argument order.

bvaughn avatar Aug 26 '16 18:08 bvaughn

@furqanZafar Any news on this?

julien-f avatar Dec 06 '16 11:12 julien-f