In the Lab: Crafting the No-Code Editor POC
summary
A prototype No‑Code Editor for a B2B product marketplace is implemented with an Express + TypeScript backend and a React frontend managed in a Turborepo. Rich text uses the Lexical editor, real‑time collaboration is built on CRDTs with a provider layer, images are stored in GB storage and edits are tracked as pending patches; integrations include React Query, custom hooks and the Flo UI library to make an MVP-ready system.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:01Motivation for editor
- 4:03Startup history and goals
- 9:28Product demo and features
- 11:00Tech stack and architecture
- 17:07React Query and state management
- 20:02Lexical library choice
- 21:31CRDT for data sync
- 26:19Drag and Drop issues and fixes
- 29:54Testing approach and TDD
- 31:01Q&A
related talks
05mBuilding Editors in the Browser
01h 00mBuilding a real-time collaborative editor
41mCreating collaborative editing UIs in React
26mOnline web application editor
49mDesign Tools Should Read and Write Code
37mBuilding a Collaborative Text Editor
32mDeveloping a Document Editor
56mEditing the World with React and Zettel