• This repository has been archived on 01/Mar/2023
  • Stars
    star
    813
  • Rank 56,088 (Top 2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 3 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Professionally designed, interactive state machines

XState Catalogue

All Contributors

XState Catalogue

XState Catalogue is a collection of professionally designed state machines you can drop into your XState projects.

We're accepting contributions! We'd love to hear your ideas for new machines and ways to improve the catalogue.

Check out the full site for the full browsing experience.

Setting up the repo

  1. Run yarn install
  2. Run yarn dev to run it on localhost:3000

Contributing a new machine

  1. Run yarn generate to generate the boilerplate for a new machine.
  2. Follow the instructions in the CLI.
  3. Just like that, you can start editing the files and write a new machine.

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Mark Chandler

πŸ’»

Matt Pocock

πŸ’» πŸ€” πŸ’‘ 🎨

Henri Maurer

πŸ’» πŸ€”

Bernhard Mayr

πŸ’» πŸ€”

Damien Sedgwick

πŸ’»

RubΓ©n Moya

πŸ’»

Nicolai Bjerre Pedersen

πŸ’»

Tim Deschryver

πŸ’»

This project follows the all-contributors specification. Contributions of any kind welcome!

More Repositories

1

ts-reset

A 'CSS reset' for TypeScript, improving types for common JavaScript API's
TypeScript
7,817
star
2

ts-error-translator

VSCode extension to turn TypeScript errors into plain English
TypeScript
2,360
star
3

zod-fetch

Simple function for building a type-safe fetcher with Zod
TypeScript
664
star
4

xstate-codegen

A codegen tool for 100% TS type-safety in XState
TypeScript
244
star
5

total-typescript-monorepo

The home of all Matt's internal tooling
TypeScript
196
star
6

sextant

A development tool to chart application flows, then implement them in code
TypeScript
168
star
7

pkg-demo

TypeScript
166
star
8

xstate-next-boilerplate

A performant, robust starting point for any React application
TypeScript
130
star
9

graph-docs-cli

Revolutionise your docs using knowledge graphs built from Markdown
TypeScript
95
star
10

redux-xstate-poc

Manage your Redux side effects with XState. Use 100% of XState's features.
TypeScript
89
star
11

package-tools

76
star
12

typescript-node

TypeScript
55
star
13

esbuild-node

TypeScript
44
star
14

boilersuit

A super-powered generator for selectors, reducers, actions, constants and sagas in react-boilerplate
JavaScript
28
star
15

turborepo-stately-demo

JavaScript
27
star
16

tsconfig-creator

TypeScript
27
star
17

use-fsm-reducer

useReducer for state machine enthusiasts
TypeScript
26
star
18

make-route-map

Type-safe routing for single-page-applications
TypeScript
24
star
19

xstate-sync-to-context

TypeScript
24
star
20

xstate-test-playwright

TypeScript
22
star
21

total-typescript-monorepo-template

TypeScript
21
star
22

matt-cli

TypeScript
20
star
23

debates-stream

TypeScript
20
star
24

tt-package-demo

TypeScript
20
star
25

workshops

TypeScript
14
star
26

xstate-real-world-app

TypeScript
13
star
27

figma-xstate-plugin

TypeScript
11
star
28

xstate-stream-demo-app

A full-stack app built with Next.js, XState, Typescript and GraphQL.
TypeScript
11
star
29

practice-cli

JavaScript
8
star
30

my-monorepo

JavaScript
7
star
31

react-finland-talk

TypeScript
7
star
32

total-typescript-cli

TypeScript
7
star
33

create-t3-turbo-test

TypeScript
6
star
34

neverthrow-tutorial

TypeScript
6
star
35

pro-essentials-cut-down-to-chapters

TypeScript
6
star
36

xstate-sandpack-tutorials

TypeScript
5
star
37

total-typescript-helpers

TypeScript
5
star
38

as-prop-perf-demo

TypeScript
5
star
39

react-day-berlin-react-types

TypeScript
5
star
40

mattpocock

5
star
41

full-stack-ui

TypeScript
5
star
42

xstate-command-palette

TypeScript
4
star
43

matt-product-boilerplate

TypeScript
4
star
44

graphql-rest-contracts

Use graphql as a schema language to define a REST API
JavaScript
4
star
45

pro-essentials-cut-down

TypeScript
4
star
46

vscode-day-talk

TypeScript
3
star
47

project-references-demo

TypeScript
3
star
48

react-typescript-tutorial-05

TypeScript
3
star
49

video-ideas

TypeScript
3
star
50

gql-tada-testing

TypeScript
3
star
51

obs-stinger

TypeScript
2
star
52

voicehacker

JavaScript
2
star
53

wordpress-react-simplified

The simplest imaginable implementation of React with Wordpress. No external dependencies, just the PHP passing the page ID to the javascript, which goes and gets the correct page info and renders it.
JavaScript
2
star
54

cypress-xstate-demo

TypeScript
2
star
55

cypress-job-search

A simple web scraper built with Cypress and json-server
JavaScript
1
star
56

xstate-form-test

TypeScript
1
star
57

kelvin-chat

TypeScript
1
star
58

vscode-xstate

1
star
59

multi-step-form

TypeScript
1
star
60

xstate-inspect-storybook-example

JavaScript
1
star
61

react-typescript-boilerplate

JavaScript
1
star
62

turbo-ignore-demo

JavaScript
1
star