Mastering Conversational UI: Scaling Bots with XState & WebSockets in React
summary
A production conversational bot for GoDaddy customer care handles multi‑agent AI pipelines, standardizes outputs as CloudEvents, posts them to an event broker and streams customer‑specific channels over WebSockets tunnels to React UIs. State logic lives in XState actors so dozens of parallel sessions run with independent state machines, fewer race conditions, easier unit testing and visual debugging via Statecharts. A demo app shows creating session actors, sending events from React and the approach scaling to millions of contacts yearly.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:29GoDaddy's customer care challenge
- 10:49Event-driven architecture overview
- 15:34Why XState for state management
- 28:14Demo of multi-session app
- 45:49Creating and integrating state machines
- 50:11Q&A session
related talks
14mThe SDK that Reacts: State Over Events
25mMind Reading with Adaptive and Intelligent UIs in React
03h 38mLaying Foundations for Stateful React Game Development
29mConversational sign up with chatbot-like experience with React and Redux
27mReact, But For Data
32mDAVID KHOURSHID Making state management intelligent
35mGoing fullstack React(ive)
44mBuilding AI Chatbot with Spring Boot, React and ChatGPT (Live Code)