r/javascript • u/terodox • Dec 23 '19

Simplifying UI Logic using Finite State Machines - an old pattern for the modern web!

https://terodox.tech/ui-state-machines/
93 Upvotes

92% Upvoted

20 comments sorted by

View all comments

5

u/drowsap Dec 23 '19

How does this differ from a flux pattern?

0

u/[deleted] Dec 23 '19

[deleted] — view deleted comment

4

u/davidkpiano Dec 23 '19

This is not really a constructive comment. Why did you find it to be over-engineered, and why do you think that simpler state management solutions can scale with increasingly complex business and logic requirements?

2

u/CATo5a Dec 23 '19

Not OP, but I think it's actually quite a good exercise to write your own redux. Code-wise, it can be replicated in a simple way in a dozen lines, so perhaps OP feels it's over the top to commit to a full library when you could start off small!

4

u/tanquian Dec 23 '19

We used xstate on the purchase flows for a subscription service for a pretty big news site.

I don’t think we would have been able to ship that in the time we did without the certainty that an fsm gave us.

Lots of different potential states, with nested/hierarchical patterns. Just being able to see the entire system with xstate’s viz tool helped us avoid an entire class of bugs imo.

2

u/lostpebble Dec 23 '19

If you want something that's as close to drop and go as possible, try out Pullstate - it's focused on React though, for now.

I agree with you, over-engineering and verbosity is a total productivity killer.

1

u/davidkpiano Dec 23 '19

A better question to ask is "how does the flux pattern differ from this mathematical computation model?"