DEVOURED
React 19.3
React 19.3 makes View Transitions and Fragment Refs stable, providing native browser animation capabilities and easier DOM manipulation for complex component groups.
What: The update introduces to handle UI animations via the browser's native API and allows refs on to interact with groups of DOM nodes directly. It also adds better support for Trusted Types and rendering directly in Server Components.
Why it matters: These features reduce the need for external libraries to manage complex UI animations and DOM references, suggesting a trend toward standardizing more web platform capabilities directly within React.
Takeaway: Update your projects to React 19.3 and refactor existing wrappers used for DOM access to use Fragment Refs instead.
Deep dive
- View Transitions allow declarative animations for entering, exiting, or updating components.
- addTransitionType enables conditional CSS animations based on the transition cause.
- View Transitions integrate with Suspense to animate fallbacks and loaded content.
- Fragment Refs expose a 'FragmentInstance' for DOM operations like focus, scroll, and event handling.
- Fragment Refs work on sibling components without needing extra wrapper divs.
- can now be rendered directly in React Server Components.
- Trusted Types support improves security by preventing unsafe strings from being used in DOM sinks.
Decoder
- View Transition API: A browser standard that allows for smooth transitions between different DOM states or pages.
- Fragment: A common pattern in React to group multiple children without adding extra nodes to the DOM.
- Trusted Types: A security feature that helps prevent Cross-Site Scripting (XSS) by requiring developers to use typed objects for dangerous DOM sinks (like innerHTML).
Original article
Full article content is not available for inline reading.
Explore all 54 articles in today's digest
Fresh dev news, AI-digested daily. Never miss a trend at devoured.fyi