useStateMachine
XMachineVue
Our great sponsors
useStateMachine | XMachineVue | |
---|---|---|
13 | 1 | |
2,360 | 4 | |
- | - | |
0.0 | 8.7 | |
over 1 year ago | 18 days ago | |
TypeScript | TypeScript | |
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.
XMachineVue
-
New state management library for Vue 3
GITHUB: https://github.com/KamilBartczak03/XMachineVue
What are some alternatives?
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
ui-router - The de-facto solution to flexible routing with nested views in AngularJS
use-http - 🐶 React hook for making isomorphic http requests
engine-js - ⚡️ Neuledge streamlines database modeling with clear data entity definitions, customizable validation, and advanced business-logic representation.
React - The library for web and native user interfaces.
vuex-light - WARNING: This package is no longer to be maintained, use [Pinia](https://pinia.esm.dev/) instead.
create-react-app - Set up a modern web app by running one command.
diagram-maker - A library to display an interactive editor for any graph-like data.
use-color - 🛼🛼🛼 The powerful color hook that all designers deserve. ✨ Parse and stringify that just works & 🦾 Strict type checking at compile time
xstate - Actor-based state management & orchestration for complex app logic.
harlem - Powerfully simple global state management for Vue 3