Stent is combining the ideas of redux with the concept of state machines
npm install stent!Stent - brings the power of state machines to the web
Stent is combining the ideas of Redux with the concept of state machines.
!Travis
Chat: https://gitter.im/stentjs
---
State machine is a mathematical model of computation. It's an abstract concept where the machine may have different states but at a given time fulfills only one of them. It accepts input and based on that (plus its current state) transitions to another state. Isn't it familiar? Yes, it sounds like a front-end application. That's why this model/concept applies nicely to UI development.
Disclaimer: there are different types of state machines. I think the one that makes sense for front-end development is Mealy state machine.
The library is available as a npm module so npm install stent or yarn add stent will do the job. There's also a standalone version here (only core functionalities) which you can directly add to your page.
* Getting started
* API
*
* Machine.
*
* connect and disconnect
* Middlewares
* React integration
* examples
Stent is supported by Kuker Chrome extension. Just add the Stent emitter to your app and open the Kuker tab in Chrome's DevTools.
* The Rise Of The State Machines
* You are managing state? Think twice. - an article explaining why finite state machines are important in the context of the UI development.
* Getting from Redux to a state machine - a tutorial that transforms a Redux app to an app using Stent
* Robust React User Interfaces with Finite State Machines
* Mealy state machine