Georgi Todorovz-lander.hashnode.dev·Oct 14, 2024Authentication with xState 5, Firebase and Next.js App RouterTL;DR If you just want to see the code, it is here. You can also have a look at the xState 4 implementation here. Background In our team, we've been using xState and Firebase for couple of years for the development of a mobile app, and we organically...Discuss·45 readsxstate
Piyush NanwaniforAtomxelblog.atomxel.com·Feb 23, 2024Top State Management Libraries to use in React NativeIf your apps are simple with minimal features, then you can get away without using state management libraries. But, a lot of production applications have a-lot of features. So, there is a lot of data flowing from one part of the app to the other. And...Discuss·38 readsReact
Fawaz Alharbiblog.fawwaz.dev·Jul 16, 2023FeaturedFrom Zustand to Xstate: the Zen of using the right toolI've known and seen demos of Xstate for a while but never felt the need to use it in a project. My understanding was and still is that Xstate shines in complex flow. Recently I worked on a small personal project that I built with Zustand I thought th...Sandeep Panda and 2 others are discussing this3 people are discussing thisDiscuss·40 likes·711 readsxstate
Musadiq Peerzadablogs.musadiqpeerzada.com·May 7, 2023Building Back-End State Machines with XStateIntroduction In backend systems, managing complex state transitions is crucial for ensuring smooth and reliable operation. XState, a JavaScript library, provides a powerful tool for modeling and managing state machines. While it's commonly used in fr...Shaun Botsis and 1 other are discussing this2 people are discussing thisDiscuss·2 likes·2.1K readsState Management
Iva Kopwhereisthemouse.hashnode.dev·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·100 readsReact
Christoph Frickechristoph.hashnode.dev·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·655 readsTesting
Lakshya Thakurblog.lakbychance.com·Jul 31, 2022Building iOS Stopwatch functionality using XStateIntroduction I have been meaning to try out xstate for long now by building a stopwatch example using it. For functionality, I referred to iOS's stopwatch in their native Clock App. But why stopwatch ? Well, I was once asked in an interview to buil...Discuss·23 likes·935 readsJavaScript
Robertblog.robertbroersma.com·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·423 readsReact
Robertblog.robertbroersma.com·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·73 readsReact
Robertblog.robertbroersma.com·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·474 readsxstate
