search

nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
21.85k stars 1.51k forks source link

[Feature Request] Optimize AutoCompelete and Select components for large options. #3047

Open I-am-abdulazeez opened 5 months ago

I-am-abdulazeez commented 5 months ago

Is your feature request related to a problem? Please describe.

First of all, nice library. I would say I have been following this library before its birth. I love the way Vuesax looks, so I was looking for something similar in the React world. You came at the right time. Nice work once again!

I have about 270,000+ options while using the Autocomplete component. Before you call me crazy, I'm only fetching the data when the user inputs a search query. Again, I'm not crazy. I'm using debounce from Lodash, and every good stuff that will make it work right. But, it is too slow. i mean very slow.

Describe the solution you'd like

I would suggest making it efficient like react-select, I tried using it, but I did not get how to merge both. I wanted to have the functionalities of it + next UI beautiful Autocomplete component.

I don't mind if someone could provide an example

Describe alternatives you've considered

react-select

Screenshots or Videos

No response

linear[bot] commented 5 months ago

ENG-871 [Feature Request] Optimize AutoCompelete and Select components for large options.

wingkwong commented 5 months ago

does this help?

matteogilioli commented 4 months ago

does this help?

Async is still slow because it makes API calls, you could implement virtualization with react-window somehow.

LPSebi commented 4 months ago

any updates?

radu-torro commented 1 month ago

i'm also interested

pacoorozco commented 5 days ago

I'm interested too... I'm generating an AutoComplete with 1200 items and it's very, very slow.