Chapter 301: v2.0 Migration

Core Idea

The following is a list of breaking changes in Remotion 2. 0, as a reference for projects wanting to upgrade.

Key Concepts

• Sequences are 1 frame shorter
• Node.JS API changes
• --overwrite is now default
• Webpack now uses ESBuild instead of Babel
• react-dom is a peer dependency
• Upgrade to version 2.0

Code Examples

-"@remotion/bundler": "^1.5.4",
-"@remotion/cli": "^1.5.4",
-"@remotion/eslint-config": "^1.5.4",
-"@remotion/renderer": "^1.5.4",
+"@remotion/bundler": "^2.0.0",
+"@remotion/cli": "^2.0.0",
+"@remotion/eslint-config": "2.0.0",
+"@remotion/renderer": "^2.0.0",
"@types/express": "^4.17.9",
"@types/react": "^17.0.0",
"eslint": "^7.15.0",
"express": "^4.17.1",
"prettier": "^2.2.1",
"react": "^17.0.2",
+"react-dom": "^17.0.2",
-"remotion": "^1.5.4",
+"remotion": "^2.0.0",

• What it demonstrates: Usage pattern for v2.0 Migration from the official docs.

Key Takeaways

1. Understand sequences are 1 frame shorter when working with v2.0 Migration.
2. Understand node.js api changes when working with v2.0 Migration.
3. Understand --overwrite is now default when working with v2.0 Migration.
4. Understand webpack now uses esbuild instead of babel when working with v2.0 Migration.
5. Understand react-dom is a peer dependency when working with v2.0 Migration.

Connects To

• 3 0 Migration: related page in the Migration & Versioning section.
• 4 0 Migration: related page in the Migration & Versioning section.
• 5 0 Migration: related page in the Migration & Versioning section.