Just launched Unfortunate Transitions 👻

A little puzzle game where you're a poltergeist eliminating your cheerful housemate through indirect means. Built with #XState code visible in-game.

➡️ https://unfortunate-transitions.sandroroth.com

👉 Už dnes! 🩵 TechMeetup 3️⃣5️⃣ na téma #Frontend v RAYNET CRM v Porubě!

Vystoupí

🗣️ Martin Krištof / Novinky v #React 19
🗣️ Hyunjoo Park / #Design #Systems in aging repos
🗣️ Pavel Kepka / #XState v Reactu a jinde..

Potkáme se tam?

➡️ Registrace na https://www.meetup.com/techmeetupostrava/events/307332837/

HDD - Happiness Driven Development.

Over past few days I've been struggling to try to wedge #xstate library into my next project. I love the idea of state machines, I adore the tooling, I would love to see it everywhere for it's reasoning and academic cleanness.

But I decided to cut it out from the project and just use pure #EmberJS (tracked + services + ember-concurrency).

Resons? Selfish, really.
- EmberJS already has native tooling to solve vast amount of cases in way more elegant manner that xstate can.
- The interweaving of Ember & xstate just does not have great DX and I ended up writing tons of obscure code to do trivial mutations or derived state checks.
- While the xstate visual machine editor is cool, I find it lacking / buggy, so I end up going back to the code, which is, frankly, not easy to read.
- It might be the learning curve, but really what I can write in 5mins in pure EmberJS takes me hours in xstate (counting in fighting with TS gods).

Overall give xstate a try. State Machines feel like the correct way to go for things. But for me the DX of xstate is not there. I chose high HDD.

Mal an alle, die eine Alternative zu bekannteren State-Management-Systemen suchen

#xstate (https://xstate.js.org) arbeitet mit State Machines und erlaubt sogar ein grafisches Design dieser Machine mit live Codeupdate

Ich habe gestern darüber einen Vortrag gehört und die Idee gefällt mir sehr gut

Vorteil einer State Machine: Ungültige Zustände können nicht erreicht werden, da sie in der Machine nicht definiert sind. Erreiche das mal mit useState oder Redux!

xstate = "Framework agnostic"

jotai-xstate v0.5.0 has been released! It finally migrates to XState V5. Huge thanks to the contributors!

Now, we may need to update the docs and examples. Would anyone like to volunteer?

https://github.com/jotaijs/jotai-xstate

#ReactJS #React #JavaScript #TypeScript #Jotai #XState

#kawaii temperature converter

Part of recreating the #7GUIs with #Vue and #Xstate (finite state machines #fsm )

Lil learning project.

Hit me up if You wanna talk Xstate because I have questions, always.

---

What the heck are the 7 GUIs? It's the last 7 ice-cream flavours, you'll ever need, baby.

https://eugenkiss.github.io/7guis/

#counter I made. Too cute to put in the drawer.

Any #devs or #designers out there interested in connecting and collectively complaining/debugging/talking shop -- hit me up!

Uses a finite state machine (via #Xstate) and #vue

1st task of the #7GUIs: https://eugenkiss.github.io/7guis/tasks#counter

Working version: https://stackblitz.com/github/tsxoxo/xstate/tree/add-example--vue-7guis-1/examples/7guis-1-counter-vue

🆕 Don’t put off migrating from XState v4 to v5 any longer!

Kevin has created a detailed step-by-step guide to walk you through migrating your machines from beginning to end:

https://stately.ai/blog/2024-02-02-migrating-machines-to-xstate-v5

#XState #XStateV4 #XStateV5 #JavaScript #stateMachines