vueuse
react-select
Our great sponsors
vueuse | react-select | |
---|---|---|
86 | 41 | |
18,471 | 27,180 | |
2.4% | - | |
9.6 | 5.7 | |
7 days ago | 8 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
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.
vueuse
-
Implementing Tailwind CSS Dark Mode Toggle with No Flicker
Now, let’s talk about Vue! Once again, we’ll use an external library to handle dark mode simply and quickly. In this case, the library is called VueUse, and you can install it using the command npm i @vueuse/core --save.
-
useHooks – A collection of Server Component safe React Hooks
Great library. Could use some improvements as said by other (tree shaking, add jsdocs, etc…). Just a quick reminder for the vuejs devs out there we have https://vueuse.org/
-
UseHooks – A Collection of Server Component Safe React Hooks
Yeah, I figured useHooks was created without knowing about VueUse, but thought they might have become aware of it sense then. It makes sense, because though the code is heading in the direction of VueUse in terms of being maintained and well rounded, the structure of useHooks is quite a bit different. It has the code alongside the Markdown: https://github.com/vueuse/vueuse/tree/main/packages/integrat...
-
First Time at Vue
Also take a look at https://vueuse.org/ which might save you some lines :)
-
Why isn’t everyone using <script setup>?
For what it's worth my timeframe is very similar to yours! Started in 2019, no React / Angular. I think looking at great codebases like [VueUse](https://github.com/vueuse/vueuse) shows off the best of composition API.
-
Advice needed for Supabase + Pinia
And VueUse is an incredible addition too for cookies and so much more: https://vueuse.org/
-
Create a Shopping Cart with Vuejs and Pinia
Vueuse a collection of essential Vuejs composition utilities.
-
I still want to use options API for Vue 3
It really depends on how complex is your application but as it grows bigger and complex the composition API let's you brake into more meaningful pieces. Take a look at https://vueuse.org maybe it sparks why some of us really love composition API
Try this out. Take a Vue 3 project you are working on and make a copy of an existing component. Now rewrite that component using the composition API. See how you can group related code together inside the script setup, and then try pulling out a block of code into a composable. Again, do this with code organization in mind first. See if anything clicks for you (like it did for me). If not, then fair enough! Keep on using options. But if that starts to make sense, then you can start to explore some of the other benefits of the composition API. For that, I'd recommend browsing through the VueUse codebase to see how they set up their composition utilities.
- vue 3 component library that uses vitest
react-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.
-
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.
- Best NPM Package for React.js Part - 2
-
25 React component libraries you just might need for your next project!
react-select The Select Component for React.
-
Useful Utility React.js Libraries
React-select. A flexible select input control for React with multiselect, autocomplete, async and creatable support. Here is a link to it: https://react-select.com
-
How Prevent Multiple Copies Of React from Loading?
I use react-select in my Meteor apps and it worked great but with browserify I could prevent multiple copies of react from loading which prevents this error I'm now having:
- Testing React Select component
-
Introducing Ladle, a drop-in alternative to Storybook for React components. Based on Vite , instant server start, 4x faster production build, 20x smaller footprint, code-splitting, fast refresh, single dependency & command and no configuration required.
This is one of its manifestations.
-
React Awesome Components
react-select - The Select Component for React
-
Ask HN: What are the fundamental diffs between modern web vs. desktop UI models
@drowe859's answer was excellent.
The only thing I'd add is that there's _thousands_ of freely available React components, including dozens of implementations of the kinds of widgets you listed (treeviews, specific form input types, etc). Sometimes they're available as a one-off lib [0], a small focused lib with a few specific components [1] [2], or a giant kitchen sink lib with dozens or hundreds of components [3] [4] [5] [6].
So, those _do_ exist, and in a similar sense to Qt or Gtk.
[1] http://jquense.github.io/react-widgets/
[2] https://react-spectrum.adobe.com/react-spectrum/
[3] https://mui.com/
[4] https://react-bootstrap.github.io/
[5] https://retool.com/blog/react-component-libraries/#blueprint
What are some alternatives?
rc-select - React Select
downshift 🏎 - 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
React Virtualized Select - HOC that uses react-virtualized and react-select to display large lists of options in a drop-down
react-select-box - An accessible select box component for React.
react-selectize
React-Select-Plus - Fork of https://github.com/JedWatson/react-select with option group support
svelte-actions - prototype official actions for Svelte
vue-composable - Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
react-selectrix - A beautiful, materialized and flexible React Select control
stitches - [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
React Responsive Select - A customisable, touchable, React select / multi-select form control. Built with keyboard and screen reader accessibility in mind
vuex - 🗃️ Centralized State Management for Vue.js.