RxJS isn't complicated enough... let's add State Machines

Channel:
Australia Joshua Morony
Subscribers:
81,900
Published on ● Video Link: https://www.youtube.com/watch?v=09MeFnc0BYg


Category:
Tutorial
Duration: 7:51
7,816 views
291

We take a look at how we can combine state machines using XState with a typical reactive state management flow using RxJS, Angular, and Signals.

Source code: https://github.com/joshuamorony/state-machine-error/blob/main/src/app/shared/data-access/posts.service.ts
Reactive error handling with signals: https://www.youtube.com/watch?v=54q7P9PB0WU

Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076

Learn Angular with Ionic: https://ionicstart.com

#xstate #angular #rxjs

0:00 Introduction
0:33 What is a state machine?
1:34 The scenario
1:56 Creating the types
3:04 Creating the state machine
5:48 Using the state machine with RxJS
6:33 Is it worth it?

- More tutorials: https://eliteionic.com
- Follow me on Twitter: https://twitter.com/joshuamorony



Other Videos By Joshua Morony


2023-08-02There was a flaw in my Angular mental model
2023-07-26It's OK/NOT OK to subscribe in Angular
2023-07-19Every uncommon TypeScript concept that is useful to me
2023-07-12Will this new signals approach ACTUALLY work?
2023-07-05My NEW default for state management in Angular
2023-06-28I spent YEARS optimising my workflow for coding
2023-06-21Is Angular changing TOO much?
2023-06-14When over engineering with Nx in Angular pays off... URLTown Devlog #2
2023-06-07THIS is how to code declaratively in Angular
2023-05-31Angular's missing piece is coming...
2023-05-24RxJS isn't complicated enough... let's add State Machines
2023-05-17My most unhinged idea yet... URLtown Devlog #1
2023-05-10The problem with going "full declarative" in Angular
2023-05-03Is this how we will handle errors reactively with signals in Angular?
2023-04-26What most devs don't get about declarative code (I didn't either)
2023-04-19The first time AI has made me feel 10x more productive
2023-04-12The end of Angular's "service with a subject" approach?
2023-04-05Why I decided to switch to the inject() function in Angular
2023-03-29Why didn't the Angular team just use RxJS instead of Signals?
2023-03-22GPT-4 just did 85% of my work for me (why you shouldn't use it)
2023-03-15I built an entire app with NO FRAMEWORKS for Web, iOS, and Android


Tags:
ionic
tutorial
tutorials
ionic tutorials
ionic framework
coding
coding tutorials
angular
angular tutorials
capacitor tutorials
mobile
mobile apps
apps
html5
ios
android
native
hybrid
pwa
web apps
progressive web applications
programming
stenciljs
stencil
performance
ui
ux
animations
screencast
rxjs
nx
ngrx
architecture