https://github.com/guillempuche/actors-and-state-machine

Actor models and state machines in a React web thanks to XState v5 package
https://github.com/guillempuche/actors-and-state-machine

actor-framework actor-model state-machine xstate

Last synced: 7 days ago
JSON representation

Actor models and state machines in a React web thanks to XState v5 package

• Host: GitHub
• URL: https://github.com/guillempuche/actors-and-state-machine
• Owner: guillempuche
• Created: 2024-05-24T18:51:06.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-24T13:56:32.000Z (7 months ago)
• Last Synced: 2025-01-12T05:38:11.278Z (8 days ago)
• Topics: actor-framework, actor-model, state-machine, xstate
• Language: TypeScript
• Homepage:
• Size: 75.2 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React app using actor models and state machines from XState library



[Watch the video explanation of the web and architecture](https://www.youtube.com/watch?v=rRoCzMdmQ4c)

## Run app

1. Install packages `npm i`

2. Run web `npm run dev`

3. Open the localhost on the browser

## Extra

### `ts-result`

[ts-result](https://www.npmjs.com/package/ts-results) is a TypeScript library that provides Result and Option objects, à la Rust. It allows for more expressive error handling and control flow. It helps in handling success and error states without relying on exceptions, making the code more predictable and easier to maintain.

### `@statelyai/inspect`

[@statelyai/inspect](https://www.npmjs.com/package/@statelyai/inspect) is a tool from Stately.ai that allows you to visualize and inspect XState state machines and actor models in real-time. It helps in debugging and understanding the state transitions and events in your application, providing a powerful way to develop and troubleshoot state machines.