Skip to content

Learn how to use all the features of XState in combination with the power of Effect・Newsletter sandromaglione.com

Notifications You must be signed in to change notification settings

SandroMaglione/getting-started-xstate-and-effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 

Repository files navigation

XState & Effect

GitHub: SandroMaglione Twitter: SandroMaglione


This project is part of my weekly newsletter at sandromaglione.com.

sandromaglione.com Newsletter weekly project

Project structure

The project contains 2 folders:

  • first-example: My initial exploration with all the features of XState and state machines. I was specifically interested in working with types to try making the machine as type-safe as possible
  • audio-player-react: This is the implementation of the weekly project. It contains a Vite app that uses XState and Effect to implement and audio player (<audio>)
    • machine.ts: XState machine
    • effect.ts: actions of the machine implemented using Effect
    • App.tsx: react component that uses the state machine to render the audio player and send events

Read all the details of the audio player implementation and how to use XState and Effect in the full article 👇

Read the full article on my website

About

Learn how to use all the features of XState in combination with the power of Effect・Newsletter sandromaglione.com

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published