Add resultLimit prop limiting the amount of rendered options

[h3rmanj]

Add a resultLimit prop that prevents rendering too many results. Useful if the number of options are in the thousands.

Indirectly addresses #4504
Addresses #4516

[changeset-bot]

⚠️ No Changeset found

Latest commit: 8c2beb0

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 8c2beb0:

Sandbox	Source
react-codesandboxer-example	Configuration

[Methuselah96]

Could you filter the options before passing them into the Select component?

[h3rmanj]

Could you filter the options before passing them into the Select component?

I could, yeah. But it's incredibly frustrating that I'd have to hoist and manage input state and search logic, which Select already has, just because i want to limit the amount of options that are rendered. This feature would be really helpful to have available, when dealing with thousands of options, which is often the case.

Also, being able to limit number of rendered results is an easy way to optimize lists that are more relevant for searching than browsing. Even my battlestation is sluggish at best when dealing with large lists; https://codesandbox.io/s/react-codesandboxer-example-forked-sogqi

Just setting a hard limit with resultLimit makes it way more responsive.

[h3rmanj]

Closing because of the major rewrite in progress.