Read each step, do the action, then hit Got it → to unlock the next one. Checkpoints ask if it worked — be honest.

What Remotion actually does

Remotion is a framework that lets you build videos using React components. Instead of a timeline editor, you write code. Each frame of your video is a React component rendered at a specific point in time. Remotion gives you a useCurrentFrame() hook that returns the current frame number — and you animate based on that. Frame 0 → frame 1 → frame 2 → ... → frame 270 (at 30fps, that's 9 seconds of video). You build components. Remotion plays them back. At export time, it screenshots every frame and encodes it to MP4. That's it. React components → video.

The first time I rendered a React component to a real MP4 I felt like I'd cheated somehow. It shouldn't be that direct. But it is.

Ask George

AI Assistant

How can I help?

I'm George, your vibe coding assistant. Ask me about your stack, workflows, or this lesson.