downshift 🏎
xstate
Our great sponsors
| downshift 🏎 | xstate | |
|---|---|---|
| 9 | 59 | |
| 11,884 | 26,074 | |
| 0.7% | 1.1% | |
| 7.0 | 9.7 | |
| 13 days ago | 5 days ago | |
| JavaScript | 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.
downshift 🏎
-
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.
-
react-select VS downshift 🏎 - a user suggested alternative
2 projects | 4 Oct 2021
I think `downshift` could be considered as the best react-select alternative if you are looking to have more fine-grained control over your component or are looking for a smaller bundle size.
- 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
xstate
- 5 Alternatives to Redux for React State Management
-
Get out of state management hell with automatic revalidation
You add the current user state to a React Context or state management library, read from it on the top bar, and write to it after a user signs in. Done. No big deal, right?
- Como encontrar tema de tcc em ciência da computação?
- Sequence diagrams, the only good thing UML brought to software development
-
Scalability: the Lost Level of React State Management
Lastly, I know that I've omitted many great tools like XState, React Query, and SWR. These tools are utilities that are very scalable in their own right, but aren't full replacements for a good state manager.
-
JavaScript State Machines and Statecharts
There's also a pared down, minimal version of xstate: https://github.com/statelyai/xstate/tree/main/packages/xstat...
-
Is redux and thunks still used or are there other alternatives for it now?
XState is different, but very good when you need state machines
-
Developers should be force-fed state machines (2011)
> But I rarely see mention of messier problems which consist of overlapping and perhaps hierarchical states.
That's what State Charts were designed for: https://www.inf.ed.ac.uk/teaching/courses/seoc/2005_2006/res...
It's used as the basis for a number of state machine / state chart libraries, for instance XState: https://xstate.js.org/docs/
-
Practical State Machinery
XState (JavaScript/TypeScript) - A full featured library providing visualization, test helpers, and integrations for popular frameworks like React and Vue
What are some alternatives?
react-select - The Select Component for React.js
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
react-autosuggest - WAI-ARIA compliant React autosuggest component
redux - A JS library for predictable global state management
react-typeahead - Pure react-based typeahead and typeahead-tokenizer
react-typeahead-component - Typeahead, written using the React.js library.
compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React
tippyjs - Tooltip, popover, dropdown, and menu library
Reactjs-popup - React Popup Component - Modals,Tooltips and Menus — All in one
react-native-picker-select - 🔽 A Picker component for React Native which emulates the native <select> interfaces for iOS and Android
ringpop-go - Scalable, fault-tolerant application-layer sharding for Go applications
jssm - Fast, easy Javascript finite state machines with visualizations; enjoy a one liner FSM instead of pages. MIT; Typescripted; 100% test coverage. Implements the FSL language.