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!)

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.

Retrieval-augmented generation (RAG) is powering a new breed of AI interfaces — but with great flexibility comes messy state. In this talk, we’ll dive into the real-world challenge of managing UI state in apps powered by generative backends. You’ll learn practical patterns to track sources, follow user intent, and tame AI responses, all without reinventing your frontend architecture.