jssm-viz
xstate
jssm-viz | xstate | |
---|---|---|
2 | 60 | |
22 | 26,155 | |
- | 0.6% | |
5.6 | 9.6 | |
9 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.
jssm-viz
-
Import/Export still not working after adding { "type": "module" }
Here's the rollup config for one of my libraries. This one has a common sense typescript and react setup, and produces three bundles, one each for iife, commonjs, and es6 module (each is the whole library, just meant for a different user use case)
-
FSL: A programming language to make complex finite state machines easy to create
JSSM has JSSM-viz.
https://github.com/StoneCypher/jssm-viz
If you just want one to use, rather than to embed in your own software, The thing everyone's calling a live editor is actually the JSSM-viz demo. You can use that
https://stonecypher.github.io/jssm-viz-demo/graph_explorer.h...
It's kept outside of the main repo because, like xstate's, it's built on a transcompile of graphviz called viz.js, which is made with emscripten
It's several meg, and not many people want visualization, so I keep them in separate packages
You can get the graphviz code by hitting "dot" at the top, if you want to customize in ways the language doesn't know
xstate
-
Mastering XState Fundamentals: A React-powered Guide
XState is a powerful library with comprehensive documentation. Keeping the documentation handy while building your next app with XState will be invaluable.
- 5 Alternatives to Redux for React State Management
-
Unleashing the Power of Actors in Frontend Application Development
XState is an excellent library that simplifies the utilization of actors in JavaScript applications. While this article focuses on using React, these principles apply equally well to other frameworks. In fact, they can be implemented anywhere JavaScript is executed.
-
Rethinking State Management - Why XState is a Game-Changer for Developers
In this article, I want to share a personal journey of discovery in the world of state management. My path led me to XState, a tool that I believe is the best choice for managing state in modern applications like React, Angular, Vue, and others. This isn't just a professional advice; it's a personal recommendation based on real-world experience.
-
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
What are some alternatives?
fsl - Finite State Language specification
redux - A JS library for predictable global state management
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.
ringpop-go - Scalable, fault-tolerant application-layer sharding for Go applications
downshift 🏎 - 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
zustand - 🐻 Bear necessities for state management in React
awesome-workflow-engines - A curated list of awesome open source workflow engines
redux - Predictable state container for JavaScript apps [Moved to: https://github.com/reduxjs/redux]
jspython - JSPython is a python-like syntax interpreter implemented with javascript that runs entirely in the web browser and/or in the NodeJS environment.
Javascript State Machine - A javascript finite state machine library
react-mapbox-gl - A React binding of mapbox-gl-js