Skip to content

HipsterBrown/real-world-app-xstate

 
 

Repository files navigation

RealWorld XState & React App

XState + React codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.

This codebase was created to demonstrate a fully fledged fullstack application built with XState & React including CRUD operations, authentication, routing, pagination, and more.

We've gone to great lengths to adhere to the XState & React community styleguides & best practices.

For more information on how to this works with other frontends/backends, head over to the RealWorld repo.

TODO:

  • tests (most likely using @xstate/test)
  • better docs about architecture

How it works

Describe the general architecture of your app here

App machine: app state machine

Auth machine: auth state machine

Article machine: article state machine

Editor machine: editor state machine

Feed machine: feed state machine

Profile machine: profile state machine

Settings machine: settings state machine

Getting started

  1. npm install
  2. npm start

About

Real World App implementation using XState & React

Topics

Resources

Stars

Watchers

Forks

Languages

  • TypeScript 95.8%
  • HTML 4.2%