The current select component in Hopper is very slow when there are more than 100 options. Tommy has developed a new component using a native element as a fast alternative.
We should investigate if it is Hopper issue or RAC one.
However, RAC offers the Virtualizer component that could be use to make sure we virtualize the "listbox" inside the select
According to this issue, RAC's select can load 50 000 items (in dev, 500k in prod) without performance issues:
https://github.com/adobe/react-spectrum/issues/8722
Not sure if that was with or without the virtualizer (edited)
The current select component in Hopper is very slow when there are more than 100 options. Tommy has developed a new component using a native element as a fast alternative. We should investigate if it is Hopper issue or RAC one. However, RAC offers the Virtualizer component that could be use to make sure we virtualize the "listbox" inside the select According to this issue, RAC's select can load 50 000 items (in dev, 500k in prod) without performance issues: https://github.com/adobe/react-spectrum/issues/8722 Not sure if that was with or without the virtualizer (edited)