Introduction to State Machines with XState and React

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

What you'll learn
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

Requirements
Basic Javascript knowledge
Basic React knowledge
No local setup required

Description
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 machinesStates, events, and transitionsActionsContextGuardsMore on transitionInvoking servicesInvoking machinesDelays Alongside the presentations, we will also code some real-world examples, like:Video player with autoplay optionFetch machine for handling async requestsSearch component with debounce

Who this course is for:
Beginner or Intermediate Javascript and React developers curious about the form of designing complex applications, Web developers interested in cutting edge technology, Anyone who would like to start their journey with state machines, Anyone who would like to improve their React skills