Extending Reactivity to the Server with Convex with Tom Ballinger (Pt 1)
summary
Practical walkthrough building a real‑time chat with Convex, showing five concrete features implemented and live: emoji replacement (turning colon codes into emoji on the server), character limits enforced on message writes, automatic fading of old messages, timed deletion, and a per‑message like system. Uses Convex queries, mutations and actions with type safety, caching and live subscriptions; demos include the GitHub repo, npm run dev steps and npx convex dashboard to inspect the messages table, and everything updates live in the running app.
AI-written summary · about
chapters (6)
- 0:00Convex introduction and setup
- 7:29Convex architecture and queries
- 11:05Codebase structure
- 16:10Modify chat messages
- 19:03Exercise approach and resources
- 20:04Live editing and next steps
related talks
58mCrafting compelling real-time web experiences with GraphQL and React
52mBuilding a Realtime Chat with GraphQL Subscriptions
02h 51mEnliven UX with React/Redux
21mReact Rhythm & Blues
20mEnhancing Forms with React Server Components
45mReact Web Components How It Is and How It Could Be
35mGoing fullstack React(ive)
28mEnhancing Forms with React Server Components