Introduction to State Machines with XState and React

4.14

Updated on

Course overview

Provider
Udemy
Course type
Paid course
Level
All Levels
Duration
2 hours
Lessons
20 lessons
Certificate
Available on completion
Course author
Jakub Skoneczny
  • Building State Machines with Javascript and Typescript
  • Better state management in React applications
  • Describing complex business logic in a simple way
  • Building less error-prone web applications

Description

Learn how to build complex web applications and manage state with finite State Machines using Javascript and React

This course is an introduction to finite state machines built with Javascript. State machines can describe complex applications straightforwardly, which makes them intuitive to work with and less error-prone. State machines can be easily integrated with React, which allows us to take a whole new approach for state management in React applications.

This course shows some basic concepts about state machines and their usage with XState. Also, it contains multiple coding examples, which allow students to have a better understanding of this topic.

Agenda:

  • Introduction to state machines

  • States, events, and transitions

  • Actions

  • Context

  • Guards

  • More on transition

  • Invoking services

  • Invoking machines

  • Delays

Alongside the presentations, we will also code some real-world examples, like:

  • Video player with autoplay option

  • Fetch machine for handling async requests

  • Search component with debounce

Similar courses

JavaScript: Understanding the Weird Parts
  • 12 hours
  • 88 lessons
  • Certificate
Modern JavaScript From The Beginning
  • 22 hours
  • 122 lessons
  • Certificate
Introduction to State Machines with XState and React
  • English language

  • Recommended provider

  • Certificate available