State machines are a useful model for managing complex flows and interactions. This talk will look at the state-of-the art for using state machines in React, when you might want to use them, and when you might want to avoid them. We’ll make use of the library XState, and look at some of the unique developer tooling it can provide (e.g., visualizing all possible states of your code!)

Learn how finite-state machines and reactive programming help us avoid callback hell at Grammarly.
We’ll discuss:

• Real-world challenges we faced when integrating new functionality into a complex existing architecture
• How FSMs transformed our approach to visualizing and scaling user flows
• Techniques for integrating state machines with RxJS and Focal signals to create elegant, maintainable solutions

Join us for actionable insights you can apply to your own React applications.