home.social

#xstate — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #xstate, aggregated by home.social.

fetched live
  1. Just launched Unfortunate Transitions 👻

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

    ➡️ unfortunate-transitions.sandro

  2. 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.

    ➡️ unfortunate-transitions.sandro

  3. 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.

    ➡️ unfortunate-transitions.sandro

  4. 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.

    ➡️ unfortunate-transitions.sandro

  5. 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.

    ➡️ unfortunate-transitions.sandro

  6. 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.

  7. 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.

  8. 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.

  9. 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.

  10. #XState looks like a very cool tool for handling complex state in react apps with a visual editor to help build and understand the state transitions, setup and exit side effects. xstate.js.org/
    Only for VSCode unfortunately.
    2/3

  11. looks like a very cool tool for handling complex state in react apps with a visual editor to help build and understand the state transitions, setup and exit side effects. xstate.js.org/
    Only for VSCode unfortunately.
    2/3

  12. #XState looks like a very cool tool for handling complex state in react apps with a visual editor to help build and understand the state transitions, setup and exit side effects. xstate.js.org/
    Only for VSCode unfortunately.
    2/3

  13. #XState looks like a very cool tool for handling complex state in react apps with a visual editor to help build and understand the state transitions, setup and exit side effects. xstate.js.org/
    Only for VSCode unfortunately.
    2/3

  14. 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?

    github.com/jotaijs/jotai-xstat

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

  15. 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?

    github.com/jotaijs/jotai-xstate

  16. 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?

    github.com/jotaijs/jotai-xstat

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

  17. 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?

    github.com/jotaijs/jotai-xstat

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

  18. 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?

    github.com/jotaijs/jotai-xstat

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

  19. 🆕 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:

    stately.ai/blog/2024-02-02-mig

    #XState #XStateV4 #XStateV5 #JavaScript #stateMachines

  20. 🆕 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:

    stately.ai/blog/2024-02-02-mig

    #XState #XStateV4 #XStateV5 #JavaScript #stateMachines

  21. 🆕 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:

    stately.ai/blog/2024-02-02-mig

    #XState #XStateV4 #XStateV5 #JavaScript #stateMachines

  22. 🆕 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:

    stately.ai/blog/2024-02-02-mig

    #XState #XStateV4 #XStateV5 #JavaScript #stateMachines

  23. C’est parti pour le meetup Front-end & Beers ! On commence avec la conférence d’Antoine Richard qui nous parle de #XState.

  24. C’est parti pour le meetup Front-end & Beers ! On commence avec la conférence d’Antoine Richard qui nous parle de #XState.

  25. C’est parti pour le meetup Front-end & Beers ! On commence avec la conférence d’Antoine Richard qui nous parle de #XState.

  26. C’est parti pour le meetup Front-end & Beers ! On commence avec la conférence d’Antoine Richard qui nous parle de #XState.

  27. C’est parti pour le meetup Front-end & Beers ! On commence avec la conférence d’Antoine Richard qui nous parle de #XState.

  28. - What did we tell you?
    - To not build "state machines by hand"...
    - And what did you do?
    - I build a state machine by hand ...
    - And what is the outcome?
    - Pain and frustration in trying to hunt down hard to debug edge cases...
    - So what do you do next time?
    - If it's really really small can I ...
    - No! No! Nooooo!

    #xstate #stateMachines #sourceCode #devsLife

  29. - What did we tell you?
    - To not build "state machines by hand"...
    - And what did you do?
    - I build a state machine by hand ...
    - And what is the outcome?
    - Pain and frustration in trying to hunt down hard to debug edge cases...
    - So what do you do next time?
    - If it's really really small can I ...
    - No! No! Nooooo!

    #xstate #stateMachines #sourceCode #devsLife

  30. - What did we tell you?
    - To not build "state machines by hand"...
    - And what did you do?
    - I build a state machine by hand ...
    - And what is the outcome?
    - Pain and frustration in trying to hunt down hard to debug edge cases...
    - So what do you do next time?
    - If it's really really small can I ...
    - No! No! Nooooo!

    #xstate #stateMachines #sourceCode #devsLife

  31. - What did we tell you?
    - To not build "state machines by hand"...
    - And what did you do?
    - I build a state machine by hand ...
    - And what is the outcome?
    - Pain and frustration in trying to hunt down hard to debug edge cases...
    - So what do you do next time?
    - If it's really really small can I ...
    - No! No! Nooooo!

    #xstate #stateMachines #sourceCode #devsLife

  32. - What did we tell you?
    - To not build "state machines by hand"...
    - And what did you do?
    - I build a state machine by hand ...
    - And what is the outcome?
    - Pain and frustration in trying to hunt down hard to debug edge cases...
    - So what do you do next time?
    - If it's really really small can I ...
    - No! No! Nooooo!

    #xstate #stateMachines #sourceCode #devsLife

  33. 👋 Do you and your team need help with Stately or XState? Our team now offers services to help you get up and running quickly.

    Check out our services and contact us to find out more: stately.ai/pricing#services

    #stately #XState #XStateV5 #stateMachines #diagramming #visualization

  34. 👋 Do you and your team need help with Stately or XState? Our team now offers services to help you get up and running quickly.

    Check out our services and contact us to find out more: stately.ai/pricing#services

    #stately #XState #XStateV5 #stateMachines #diagramming #visualization

  35. 👋 Do you and your team need help with Stately or XState? Our team now offers services to help you get up and running quickly.

    Check out our services and contact us to find out more: stately.ai/pricing#services

    #stately #XState #XStateV5 #stateMachines #diagramming #visualization

  36. 🔬 Stately Inspector is now available in beta!

    Visualize the state of any application, frontend or backend, with state machines and sequence diagrams.

    npm install @statelyai/inspect

    Read all about what Stately Inspector is capable of in David’s blog post:

    stately.ai/blog/2024-01-15-sta

    #Stately #XState #inspect #stateMachines #actors #visualize #diagramming #sequenceDiagrams

  37. 🔬 Stately Inspector is now available in beta!

    Visualize the state of any application, frontend or backend, with state machines and sequence diagrams.

    npm install @statelyai/inspect

    Read all about what Stately Inspector is capable of in David’s blog post:

    stately.ai/blog/2024-01-15-sta

    #Stately #XState #inspect #stateMachines #actors #visualize #diagramming #sequenceDiagrams

  38. 🔬 Stately Inspector is now available in beta!

    Visualize the state of any application, frontend or backend, with state machines and sequence diagrams.

    npm install @statelyai/inspect

    Read all about what Stately Inspector is capable of in David’s blog post:

    stately.ai/blog/2024-01-15-sta

    #Stately #XState #inspect #stateMachines #actors #visualize #diagramming #sequenceDiagrams

  39. ⏮️ Did you miss our XState: Exploring actors live stream last week? Catch up below.

    Want us to do more live streams around XState and Stately? Let us know which topics are most valuable to you!

    youtube.com/watch?v=Rj7lOvDwcY

    #XState #actors #actorModel #XStateV5 #Stately #visualization #diagramming #sequenceDiagrams

  40. ⏮️ Did you miss our XState: Exploring actors live stream last week? Catch up below.

    Want us to do more live streams around XState and Stately? Let us know which topics are most valuable to you!

    youtube.com/watch?v=Rj7lOvDwcY

    #XState #actors #actorModel #XStateV5 #Stately #visualization #diagramming #sequenceDiagrams

  41. ⏮️ Did you miss our XState: Exploring actors live stream last week? Catch up below.

    Want us to do more live streams around XState and Stately? Let us know which topics are most valuable to you!

    youtube.com/watch?v=Rj7lOvDwcY

    #XState #actors #actorModel #XStateV5 #Stately #visualization #diagramming #sequenceDiagrams

  42. 🚨 Live in 2.5 hours 🚨

    David and Laura will be exploring actors in XState in an impromptu live stream.

    Bring your questions, and you can ask them live!

    youtube.com/watch?v=Rj7lOvDwcY

    #Stately #XState #stateMachines #actors

  43. 🚨 Live in 2.5 hours 🚨

    David and Laura will be exploring actors in XState in an impromptu live stream.

    Bring your questions, and you can ask them live!

    youtube.com/watch?v=Rj7lOvDwcY

    #Stately #XState #stateMachines #actors

  44. 🚨 Live in 2.5 hours 🚨

    David and Laura will be exploring actors in XState in an impromptu live stream.

    Bring your questions, and you can ask them live!

    youtube.com/watch?v=Rj7lOvDwcY

    #Stately #XState #stateMachines #actors

  45. ✨ XState v5 has been out for 2 weeks, but did you know we’ve also updated the integration packages for React, Vue, and Svelte?

    💙 XState React v4.0
    💚 XState Vue v3.0
    🧡 XState Svelte v3.0

    stately.ai/docs/category/xstat

    📦 Check out the templates: github.com/statelyai/xstate?ta

    🎉 Read all about the XState v5 release in our blog post:
    stately.ai/blog/2023-12-01-xst

    #XState #XStateV5 #React #Vue #Svelte

  46. ✨ XState v5 has been out for 2 weeks, but did you know we’ve also updated the integration packages for React, Vue, and Svelte?

    💙 XState React v4.0
    💚 XState Vue v3.0
    🧡 XState Svelte v3.0

    stately.ai/docs/category/xstat

    📦 Check out the templates: github.com/statelyai/xstate?ta

    🎉 Read all about the XState v5 release in our blog post:
    stately.ai/blog/2023-12-01-xst

    #XState #XStateV5 #React #Vue #Svelte

  47. ✨ XState v5 has been out for 2 weeks, but did you know we’ve also updated the integration packages for React, Vue, and Svelte?

    💙 XState React v4.0
    💚 XState Vue v3.0
    🧡 XState Svelte v3.0

    stately.ai/docs/category/xstat

    📦 Check out the templates: github.com/statelyai/xstate?ta

    🎉 Read all about the XState v5 release in our blog post:
    stately.ai/blog/2023-12-01-xst

    #XState #XStateV5 #React #Vue #Svelte

  48. ▶️ Check out David on Learn with Jason’s “4 Web Devs, 1 App Idea.”

    Each dev built a leaderboard app, and more than one used a state machine!

    m.youtube.com/watch?v=zR8dUhLP
    #stately #stateMachines #statecharts #diagramming #visualization #XState #XStateV5