Chapter 306: React 19

Core Idea

To use React 19's newest features, you need at least version 4. 0.

Key Concepts

• Updating packages
• Updated templates
• HTMLRefElement Type Change
• Ecosystem support
• React Three Fiber
• styled-components
• Next.js
• React Native Skia

Code Examples

- "react": "18.3.1"
- "react-dom": "18.3.1"
+ "react": "19.0.0"
+ "react-dom": "19.0.0"

• What it demonstrates: Usage pattern for React 19 from the official docs.

Key Takeaways

1. Understand updating packages when working with React 19.
2. Understand updated templates when working with React 19.
3. Understand htmlrefelement type change when working with React 19.
4. Understand ecosystem support when working with React 19.
5. Understand react three fiber when working with React 19.

Connects To

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