Chapter 19: registerRoot()

Core Idea

registerRoot is a function that registers the root component of the Remotion project. In the root component, one or multiple compositions should be returned (in the case of multiple compositions, they should be wrapped in a React Fragment).

Key Concepts

• Example
• Defer registerRoot()
• Compatibility
• See also

Code Examples

// @filename: ./Root.tsx
export const RemotionRoot = () => <></>;

// @filename: index.ts

registerRoot(RemotionRoot);

• What it demonstrates: Usage pattern for registerRoot() from the official docs.

Key Takeaways

1. Understand example when working with registerRoot().
2. Understand defer registerroot() when working with registerRoot().
3. Understand compatibility when working with registerRoot().
4. Understand see also when working with registerRoot().

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.