
Syntax - Tasty Web Development Treats Supper Club × How Descript Built A Next Gen Video Editor In The Browser With Andrew Lisowski
21 snips
Aug 18, 2023 In this engaging discussion, Andrew Lisowski, a software engineer at Descript, dives into the development of a next-generation browser-based video editor. He shares fascinating insights about using state machines to simplify UI management, making code more organized and reducing bugs. The conversation also touches on the challenges of processing video in the cloud and integrating tools like FFmpeg. Additionally, Andrew discusses the shift to monorepos, the benefits of using Radix for component design, and the exciting potentials of combining AI with video editing.
AI Snips
Chapters
Transcript
Episode notes
Data Loss Prevention
- ScreenFlow's container format causes data loss upon recording failures.
- Descript prioritizes preventing data loss with backups and showing failed parts.
Descript UI Redesign
- Andrew Lisowski redesigned Descript's UI over nine months, translating Figma designs into a design system.
- He used Radix for component architecture and XState for complex state management.
Preventing UI Bugs
- Well-defined state machines, like those used in XState, prevent UI bugs.
- Impossible states become impossible, simplifying development and enhancing reliability.
