Lesson 7
Native Metadata (RIP react-helmet)
Document Metadata Hoisting
The Shift: Changing the <title> or adding <meta> tags used to require 3rd party libraries or messy useEffect hacks. React 19 now natively "hoists" these tags to the <head> of your document, no matter where they are rendered.
👀 Preview
Title and meta tags are automatically hoisted to the document head, visible in the browser tab and for SEO.
📚 Explanation
React 19 automatically hoists `<title>` and `<meta>` tags to the document head, regardless of where they're rendered in your component tree. This eliminates the need for libraries like react-helmet or manual DOM manipulation.
App.tsx
How well did you remember this?