Construct Sturdy UIs with XState
Offered By: egghead.io
Course Description
Overview
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.
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.
Syllabus
- Introducing Construct Sturdy UIs with XState
- Handle http request state with XState
- Invoke an XState Service when Entering a State
- Block a State Transition with a Guard
- Control Transitions Order with Parallel States
- Communicate between State Machines in Different Components
- Save Previous States with a History State
- Execute Code when Entering and Exiting States using Activities
Taught by
Isaac Mann
Related Courses
DIY Leather Bucket BagSkillshare Making a Leather Jacket: How to Design and Sew Your "Dream" Jacket
Skillshare Singer Quantum Stylist™ Sewing Machine Model 9960 - Fast Start
CreativeLive How to Sew Your First Skirt and Understand Patterns
CreativeLive Making Fashion: Draw, Draft and Sew
CreativeLive