This project is part of my weekly newsletter at sandromaglione.com.
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 possibleaudio-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 machineeffect.ts: actions of the machine implemented using EffectApp.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 👇