react-select
The Select Component for React.js (by JedWatson)
downshift 🏎
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. (by downshift-js)
| react-select | downshift 🏎 | |
|---|---|---|
| 43 | 9 | |
| 27,863 | 12,185 | |
| 0.3% | 0.2% | |
| 6.3 | 3.8 | |
| 18 days ago | 13 days ago | |
| TypeScript | JavaScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-select
Posts with mentions or reviews of react-select.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-08-07.
- Simplificando testes com react-select-event
- Aplicando paginação em um componente Select
-
Using React Select with Formik
I decided that I wanted to use React Select for the player input, specifically React Select Creatable, which allows users to create a new option if the one that they are looking for does not exist. With this approach, if the player that the user is trying to add as one of the game's players is not already in the database, they can add the player directly from the React Select component instead of having to do this though the seperate form for adding a new player.
-
A Dropdown Search With Creatable Options
We actually launched our application using the AsyncCreatableSelect from react-select. However, it has a major UX flaw that is simply causing too many problems for users.
-
Add Input Text Inside Select Tag To Filter Options
React-Select does this by default, if you don't mind losing the native select behaviour on mobile.
-
Are there any downsides in using svelte or sveltekit?
I recently searched for a robust, high-quality, aria conform multi-select dropdown in vanilla js. For React there is react-select or downshift, each with millions of downloads. I couldn't find a good equivalent in vanilla.
-
Handling Types In 3rd Party Packages in React/Node
It shows that react-google-places-autocomplete is using the previous version of react-select. Let's check that previous version. Aha! The previous version is not written in TypeScript, and does not have TS types. Let's check the documentation also (always check the documentation!), and they explain how the current version was rewritten in TypeScript.
-
How to sort react-select options in alphabetically order?
Anyone here knows how to sort react-select options in alphabetically order?
- Best NPM Package for React.js Part - 2
-
React-select library
There is a closed github issue about this topic: https://github.com/JedWatson/react-select/issues/2553
downshift 🏎
Posts with mentions or reviews of downshift 🏎.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-01-18.
-
Just curious about package trends (downshift)
I'm curious why there's been a recent downward trend for the downshift package. Here's the source npm trends
-
Are there any downsides in using svelte or sveltekit?
I recently searched for a robust, high-quality, aria conform multi-select dropdown in vanilla js. For React there is react-select or downshift, each with millions of downloads. I couldn't find a good equivalent in vanilla.
-
From my point of Vue: Headless components
The concept is not new, it's been discussed and implemented for a couple of years, I first heard of it when Adam Watham, creator of Tailwind CSS, and its team launched Headless UI libraries like downshift by Kent Dodds also used this pattern, just to mention a couple of cases.
- F*ck it: use React for your personal site if you want to
- What do you use for models and other components when using tailwindcss for styling for a react project?
-
Beginner's Thread / Easy Questions (April 2021)
Downshift looks better IMO, with hooks with less "fake" hierarchy.. https://github.com/downshift-js/downshift
-
Launch HN: MagicBell (YC W21) – embedded notification system for your product
[2] https://github.com/downshift-js/downshift
-
Building my own components
There's also Downshift, but you have to build your own UI: https://github.com/downshift-js/downshift
What are some alternatives?
When comparing react-select and downshift 🏎 you can also consider the following projects:
rc-select - React Select
react-autosuggest - WAI-ARIA compliant React autosuggest component
React Virtualized Select - HOC that uses react-virtualized and react-select to display large lists of options in a drop-down
react-typeahead - Pure react-based typeahead and typeahead-tokenizer
react-select-box - An accessible select box component for React.
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.