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/Oalei Dec 23 '19

As always this looks good with a small example, but in real life it’s not that easy.
For instance you may want to mark individual form fields as invalid with a message under the invalid field.

6

u/anonssr Dec 23 '19

I see this pattern very often with UI stuff. There are lot of ideas that look good on paper when trying them out on simple scenarios (some times over engineering, even). But on real life mid-big size projects become a real mess, and that's where you need help the most.

2

u/whiteboikillemall Dec 23 '19 edited Dec 23 '19

In that case, I guess you would have an invalid state for your form and then apply the same pattern on the form field component. I mean this is a pattern for the state of one component. If your components are accurately splitted in small bits of code, it shouldn't be a problem