Extending Reactivity to the Server with Convex with Tom Ballinger (Pt 2)
summary
Step-by-step build of a Convex-backed real-time chat: server-side emoji replacement runs in a Convex query, messages reject over 50 characters with a Convex error propagated to client for friendly UI, client validates too; messages fade by computing opacity from creationTime (fade-out ~10s), server schedules deletes via context.runAfter (demo uses 2–5s timers), likes modeled as a separate table with an internal mutation to insert likes, and mutations retry on conflicts with ~1s execution guidance.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:03Emoji on server
- 2:08Message character limit
- 3:33Server errors client-side
- 16:07Fading old messages
- 22:12Scheduling message deletion
- 25:51Implementing likes
- 34:32Remaining tutorial tasks
- 35:17Q&A type safety pitfalls
- 40:14Convex mutations behind scenes
- 43:26Closing remarks
related talks
20mEnhancing Forms with React Server Components
02h 51mEnliven UX with React/Redux
28mEnhancing Forms with React Server Components
21mReact Server Components
47mReact, Rendering, Performance
58mCrafting compelling real-time web experiences with GraphQL and React
27mEnhancing Forms with React Server Components
52mBuilding a Realtime Chat with GraphQL Subscriptions