Construct Sturdy UIs with XState

ClockIcon34m
xstateXState
>=4.6.7
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.5
497 people completed
Isaac Mann
By

Isaac Mann

Javascript developer currently focused on Angular.

Our applications have lots of states that they can be in.

We usually remember “Loading” and “Successful”. If we’re having a particularly good day, we’ll get “Error” handled as well.

But what about other states that our application can be in?

Things like “Haven’t requested yet” or “The request was successful but there isn’t any data for us to show”.

It’s frustrating to think you’re “done” and then an edge case shows up (and this cycle repeats at least one more time).

Fed up with forgetting to handle the edge cases that appear when developing UIs, Isaac Mann started looking for a solution.

The answer? State machines.

In this course, Isaac will teach you how to plan and visualize your application’s states and the transitions between them through the creation of a React & XState powered Star Wars quiz app.

What you'll learn

  • CheckIconHandling HTTP request state
  • CheckIconBlocking state transitions with guards
  • CheckIconParallel state transitions
  • CheckIconCommunicating between state machines in different components with the Actor Model
  • CheckIconSaving previous state history

Prerequisites

Isaac Mann
By

Isaac Mann

Javascript developer currently focused on Angular.