Building an Interactive Whiteboard, or Why Research Matters More Than Code
summary
A talk about building a collaborative interactive whiteboard from zero to a finished product, covering frontend and backend decisions: isomorphic code, SDK for third‑party integration, CRDTs for real‑time collaboration, and a flexible architecture for changing requirements. It shares practical lessons and nonstandard problems the team encountered when implementing collaborative editing with limited resources, plus debates around monorepos, delivery methods, and other engineering tradeoffs.
AI-written summary · about
chapters (28)
- 0:00Introduction
- 1:05Target audience
- 2:06Problem statement
- 3:11Requirements
- 4:33Testing open source
- 5:56UX research CRDT
- 7:25What is CRDT YJS
- 8:48App architecture
- 10:52Integrating components
- 11:56SDK for consumers
- 13:39Implementation
- 15:03Project structure
- 16:26DI containers
- 17:51Reactive system
- 19:14React Lit integration
- 20:17Architecture control
- 22:03Collaborative testing
- 23:04Local-first
- 24:06Four state types
- 25:30CRDT mistakes
- 27:18Storage optimization
- 29:05Data inspection
- 29:46Product evolution
- 31:10Performance monitoring
- 32:34Load solution
- 34:41WebSocket optimization
- 36:50Research findings
- 37:59Q&A
related talks
46mHow We Built a Web Document Editor
43mInteractive and Collaborative Art for the Mobile Web
41mCreating collaborative editing UIs in React
37mBuilding a Collaborative Text Editor
01h 00mBuilding a real-time collaborative editor
38mInteractive Problems
49m"Multi-Player" Enterprise Applications: Why and How to Build a Collaborative UX
35mPanel