Real-time data with xState 5, Firebase and Next.js App Router
Jan 25, 2025 · 5 min read · TL;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 After successfully implementing the authentication flow with Firebase, my next focus for the web app is real-time updates, wh...
Join discussion
Authentication with xState 5, Firebase and Next.js App Router
Oct 14, 2024 · 6 min read · TL;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...
Join discussion
Finite State Machine (with XState)
Sep 16, 2024 · 8 min read · 애플리케이션이 발전하다보면 수많은 state가 생기게 됩니다. 그러다보면 여러 state간의 관계가 생기고 복잡해집니다. 단순히 로직으로 이를 관리하다보면 코드가 복잡해지고 유지보수가 어려워집니다. 상태 하나가 추가되면 다른 상태들과의 관계를 고려해야하고, 그럼 상태 하나가 추가될 때마다 복잡도가 기하급수적으로 증가합니다. 이런 복잡한 문제를 깔끔하게 해결하기 위해, Finite State Machine을 사용해 보았습니다. State Mach...
Join discussion
Top State Management Libraries to use in React Native
Feb 23, 2024 · 3 min read · If 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...
Join discussion
Building Back-End State Machines with XState
May 7, 2023 · 13 min read · Introduction 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...
SFShaun and 1 more commented
Avoid impossible UI states with React, Typescript and XState
Oct 2, 2022 · 6 min read · To 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...
Join discussion
Testable XState-Machines: Combining XState with Dependency Inversion
Sep 5, 2022 · 9 min read · I 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, ...
Join discussion
Building iOS Stopwatch functionality using XState
Jul 31, 2022 · 10 min read · Introduction 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...
Join discussion
Undo/Redo in React Using XState
Mar 22, 2020 · 4 min read · I 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...
Join discussion