useStateMachine
use-color
Our great sponsors
useStateMachine | use-color | |
---|---|---|
13 | 3 | |
2,360 | 274 | |
- | - | |
0.0 | 6.6 | |
over 1 year ago | over 2 years 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.
useStateMachine
-
Typescript Explicit States for pages
I came across this library: useStateMachine which has the closest syntax to what I was hoping to use. I’d like know what the community thinks or has any guides/suggestions.
-
Is it okay to use many useState and useEffect?
Another option is to consider using a state machine with a library like xstate or useStateMachine. I love how state machines can simplify complex states and eliminate impossible states (ex: being in two states at the same time).
-
Think of React Hooks As State Machines, Not Functions
shout out to useStateMachine if you want a powerful state machine in your component
- useStateMachine: A ½kb state machine hook for React
-
Hacker News top posts: May 22, 2021
useStateMachine: A ½kb state machine hook for React\ (27 comments)
- Cassiozen/useStateMachine: The ½ kb state machine hook for React
-
useStateMachine: a 0.5KB state machine hook for React that features entry/exit callbacks, guarded transitions, and extended state
As for a comparison, I wrote about it here https://github.com/cassiozen/useStateMachine/wiki/XState-comparison
- UseStateMachine – a ½ kb, TypeScript-first for Rea
-
Composing UIs with Finite State Machines
In this case, I'm using a useStateMachine hook from a library, just to avoid having to implement the not-so-relevant React part of the state handling. This hook receives the state machine we defined before as a configuration argument.
use-color
-
useColor: The powerful color hook that all designers deserve - ✨ Parse and stringify that just works & 🦾 Strict type checking at compile time
Nice work, I like it! Made a PR to fix a small capitalization issue in the README https://github.com/junhoyeo/use-color/pull/1
- use-color: The powerful color hook that all designers deserve. ✨Parse and stringify that just works & 🦾 Strict type checking at compile time
What are some alternatives?
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
react-hook - ↩ Strongly typed, concurrent mode-safe React hooks
XMachineVue - The xMachineVue library combines concept of a state machine with a reactive store. By combining these two concepts, it allows you to manage your application’s state in a structured and predictable way. It provides you with the ability to define different states and transitions between them, while also allowing you to reactively track changes to you
clean-state - 🐻 A pure and compact state manager, using React-hooks native implementation, automatically connect the module organization architecture. 🍋
use-http - 🐶 React hook for making isomorphic http requests
use-app-state - 🌏 useAppState() hook. that global version of setState() built on Context.
React - The library for web and native user interfaces.
exome - 🔅 State manager for deeply nested states
create-react-app - Set up a modern web app by running one command.
react-use-wizard - 🧙 A React wizard (stepper) builder without the hassle, powered by hooks.
use-prefers-color-scheme - 🪝 React hook for subscribing to user's color scheme preference.
react-spotify-firebase-boilerplate - React boilerplate with Spotify authentication (Authorization Code flow), Firebase, and React Hooks