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.
Ask episode
AI Snips
Chapters
Transcript
Episode notes
INSIGHT

Data Loss Prevention

  • ScreenFlow's container format causes data loss upon recording failures.
  • Descript prioritizes preventing data loss with backups and showing failed parts.
ANECDOTE

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.
INSIGHT

Preventing UI Bugs

  • Well-defined state machines, like those used in XState, prevent UI bugs.
  • Impossible states become impossible, simplifying development and enhancing reliability.
Get the Snipd Podcast app to discover more snips from this episode
Get the app