Iva Kopwhereisthemouse.hashnode.net·Oct 2, 2022Avoid impossible UI states with React, Typescript and XStateTo build robust UIs often means to take all possible UI states into consideration and to make sure components behave consistently and correctly throughout. One way to do this is to prevent UIs from getting into impossible states. In this scenario, an...Discuss·10 likes·64 readsReact
Robertrobert.hashnode.net·Mar 8, 2020Building a Generic State Machine for Form Handling Using XStateIf you're a computer scientist or follow @davidkpiano you've probably heard about state machines. They are awesome. Here's an example of how to use one for form handling! Our designer says the form should look like this: From this concept we can ded...Discuss·168 readsxstate
Robertrobert.hashnode.net·Mar 22, 2020Undo/Redo in React Using XStateI recently came across the need for undo and redo functionality in my app. The app is an editor of sorts that allows you to add stuff and remove stuff using several different tools and keyboard shortcuts. All implemented using xstate. It would be gre...Discuss·132 readsReact
Iva Kopwhereisthemouse.hashnode.net·Oct 2, 2022Avoid impossible UI states with React, Typescript and XStateTo build robust UIs often means to take all possible UI states into consideration and to make sure components behave consistently and correctly throughout. One way to do this is to prevent UIs from getting into impossible states. In this scenario, an...Discuss·10 likes·64 readsReact
Christoph Frickechristoph.hashnode.net·Sep 5, 2022Testable XState-Machines: Combining XState with Dependency InversionI really like to use XState for architecting web applications. In the past year, I have written and deployed over twenty state machines of various sizes to production. Over time, my personal go-to pattern for defining new state machines has emerged, ...Discuss·429 readsTesting
Robertrobert.hashnode.net·Mar 22, 2020Undo/Redo in React Using XStateI recently came across the need for undo and redo functionality in my app. The app is an editor of sorts that allows you to add stuff and remove stuff using several different tools and keyboard shortcuts. All implemented using xstate. It would be gre...Discuss·132 readsReact
Robertrobert.hashnode.net·Mar 13, 2020Stateful Styles With XState and Styled SystemYou've probably seen a button like this one before: <Button>Cool Button</Button> One that has options: <Button secondary>Secondary Cool Button</Button> Maybe even more options: <Button tertiary>Tertiary Cool Button</Button> But what if I did this?...Discuss·38 readsReact
Robertrobert.hashnode.net·Mar 8, 2020Building a Generic State Machine for Form Handling Using XStateIf you're a computer scientist or follow @davidkpiano you've probably heard about state machines. They are awesome. Here's an example of how to use one for form handling! Our designer says the form should look like this: From this concept we can ded...Discuss·168 readsxstate
