Alfonso Graziano - Tech Lead & Software Engineer

Recordings

gitnationorgCreating Videos... With React! by Alfonso Graziano

Creating Videos... With React! by Alfonso Graziano

Today's Talk covers creating videos with React, including using Puppeteer and FFmpeg to build videos frame by frame. The ReMotion library offers advantages such as declarative and reusable components, versioning, and automation. The Talk also demonstrates building a video with ReMotion, embedding previews in React, and customization options. It explores rendering at scale with ReMotion's Lambda or Docker options and the rendering process using Lambdas.

[ITA] -

YouTubeCreating videos... with React! 🎥👨‍💻

Creating videos... with React! 🎥👨‍💻

🌍 Speaker: Alfonso Graziano 📖 Descrizione: Hai mai pensato di usare React per creare video? Alfonso spiega come costruire un motore di rendering video con React e Node.js, sfruttando la libreria Remotion e AWS per una creazione scalabile in cloud. 🔗 LinkedIn: https://www.linkedin.com/in/alfonso-graziano/ 🌐 Website: https://www.nearform.com 🧑‍💻 Bio: Senior Developer presso NearForm e AWS Solutions Architect, Alfonso ama leggere, cucinare e camminare nella natura.

Slides

Google DocsCreate videos... with React!

Create videos... with React!

Create videos… with React!

Abstract

I bet you've always used React to build websites and applications, right? What if I told you that we can also edit a movie with it! Learn how a simple render engine built in React and Node.js works to make videos using React components.

Also, you will learn how to create a scalable render-farm using AWS. The main library to build the render engine is Remotion and allows to render videos programmatically.

During the talk we will create a video together and we will render it in a few seconds in cloud!