Chapter 40: The fundamentals

Core Idea

Reference page for The fundamentals in the Remotion documentation.

Key Concepts

• React components
• Video properties
• Compositions

Code Examples

export const MyComposition = () => {
  const frame = useCurrentFrame();

  return (
    <AbsoluteFill
      style={{
        justifyContent: "center",
        alignItems: "center",
        fontSize: 100,
        backgroundColor: "white",
      }}
    >
      The current frame is {frame}.
    </AbsoluteFill>
  );
};
// - MyComposition

• What it demonstrates: Usage pattern for The fundamentals from the official docs.

Key Takeaways

1. Understand react components when working with The fundamentals.
2. Understand video properties when working with The fundamentals.
3. Understand compositions when working with The fundamentals.

Connects To

• Absolute Fill: related page in the Fundamentals & Core Concepts section.
• Animating Properties: related page in the Fundamentals & Core Concepts section.
• Animation Math: related page in the Fundamentals & Core Concepts section.