Motivation

This repository showcases the use of state machines to modelize user interfaces. The chosen technologies are :

  • svelte for templating and rendering
  • state-transducer as state machine library
  • web components in order to have a reusable and portable implementation

Portability was important as the underlying idea is to port this application into many different front-end frameworks. So far, implementation exists for :

Installation and execution

The application is built with parcel. To run it :

npm install

npm run start

State machine

The state machine modelizing the search application is as follows :

Notes

17K minified gzip! Probably can be brought down through better config... and substituting json patch for a mere function

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes