MoJo600 / todos-react-xstate

A Todos app using React Classes & XState

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Todos XState

A Todos app using xstate state machines.

Description

The application relies on two state machines: the TasksPageMachine, which tracks the different states the application could be in while on the main Todos page. The other is the AddEditViewMachine machine, which tracks validation logic flow while inside either the add/edit Todo modal.

Uses React classes with XState

Diagrams

The following two diagrams show on a high level how both xstate machines work:

TasksPageMachine: TasksPageMachine

AddEditViewMachine: AddEditViewMachine

Installation

$ yarn

Running

$ yarn start

A window will automatically open, or you can navigate to `localhost:3000` to see the app.

Build

$ yarn build

Format code (using Prettier)

$ yarn prettier

License

MIT

About

A Todos app using React Classes & XState


Languages

Language:TypeScript 96.2%Language:CSS 3.4%Language:HTML 0.4%