In this supper club episode of Syntax, Wes and Scott talk with Jonny Burger about why and how he built Remotion, his app that lets you create MP4 videos using React.

Gatsby - Sponsor

Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit Gatsby.dev/Syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️

Tuple - Sponsor

This week’s sponsor is Tuple, an app built specifically for remote pair programming. The app is written in C++ and tuned for high-resolution screen sharing and low-latency remote control. Because developers deserve better than Zoom or Meet for pairing.

Show Notes

00:36 Welcome
01:24 Who is Jonny Burger?
Jonny.io
Jonny on GitHub
Jonny on Twitter
03:51 Why did you create Remotion?
Remotion.dev
07:36 What types of videos are people making?
10:53 What is the tech stack?
Puppeteer
Lottie
18:31 What is Idempotence?
19:50 What is lottie?
22:56 Motion blur trail
Motion blur trail demo
25:17 Sponsor: Gatsby
26:12 Chrome rendering
29:58 When would you choose JPG or PNG?
31:43 Are you using ffmpeg in the browser?
ffmpeg
36:00 Sponsor: Tuple
37:43 What player do you use for playback?
39:54 How did you take this idea to a product?
44:05 Supper Club questions
LG C9 TV
iTerm
50:12 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

Shameless Plugs

Toopo.art

Tweet us your tasty treats

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets

Supper Club × React Video Creator with Jonny Burger

Syntax - Tasty Web Development Treats