Skip to content

with-heart/7guis-xstate-stream

Repository files navigation

7guis-xstate-stream

This repository serves as a starting point for a stream (series, probably) where I'll solve The 7 Tasks of 7GUIs using xstate along with a few other technologies:

The tasks were selected by the following criteria. The task set should be as small as possible yet reflect as many typical (or fundamental or representative) challenges in GUI programming as possible. Each task should be as simple and self-contained as possible yet not too artificial. Preferably, a task should be based on existing examples as that gives the task more justification to be useful and there already will be at least one reference implementation.

The 7 Tasks are a set of GUI-based challenges, with each being increasingly more complex than the last. This affords us an opportunity to gradually explore the technologies we're using. Each task has new lessons for us to learn:

  • how to capture feature requirements as tests with jest and testing-library
  • how to build isolated components with Storybook
  • how to design a GUI with Chakra UI
  • how to manage complex logic with xstate

I'll be streaming on Twitch: twitch.tv/with_heart

Solutions

TODO

  • Add solutions as branches

About

Code for a with-heart stream series where we solve The 7 Tasks of 7GUIs using xstate and a few other libraries

Topics

Resources

Stars

Watchers

Forks