React 19.3 Released: Stable View Transitions, Fragment Refs and Trusted Types Support
The React team announced React 19.3 on September 9, 2026, in a post on the official React blog, and the release is available on npm now. It is the first feature release of React since version 19.2 in October 2025, and it moves two capabilities that had been experimental into the stable library.
For a business that already has a React website or web application, or is planning one, this is a routine but useful update. It adds built-in page and element animations, a browser security integration, and several improvements for server-rendered applications. If you work with a React development team, these are the items they are likely to raise in the next planning cycle.
What React 19.3 includes
According to the announcement, the two headline features are View Transitions and Fragment Refs. Both were first shared as experimental APIs in 2025, and the React team states that both are now stable in 19.3. The release also adds a way to mark a component as browser-only, support for the browser Trusted Types security feature, a simpler way to pass shared data from server components, and a long list of smaller fixes.
Everything described in this article is released and stable unless stated otherwise. The one item the React team describes as still in progress is View Transitions support outside the browser, including React Native.
View Transitions: built-in animation between screens and states
The new ViewTransition component lets developers animate elements as they enter, exit, move or resize, using the browser's own View Transition API. In plain terms, when a user moves from a product list to a product page, or opens a panel, the change can be animated smoothly instead of snapping from one state to the next.
The post explains that animations only run for updates that developers mark as transitions. Urgent updates, such as text appearing as a user types, are intentionally not animated so the interface stays responsive. A companion function, addTransitionType, lets a developer choose a different animation depending on the cause of the change, for example sliding one way for "next" and the other way for "previous".
The React team also describes how the feature works with loading states: placeholder content should appear immediately, and the real content can animate in when it is ready. The announcement notes that images and fonts inside a ViewTransition are waited for before the animation, which helps avoid flicker.
Fragment Refs: less wrapper markup
Fragment Refs are a developer-facing change. Until now, when code needed to measure, focus or observe a group of elements, developers often had to wrap them in an extra container element that served no visual purpose. In React 19.3, the post says a reference can be attached directly to a Fragment, which groups elements without adding anything to the page, and the group can then be focused, measured, scrolled into view or watched for visibility as a unit.
The practical effect is cleaner page markup and fewer layout workarounds, which matters for accessibility features such as focus management and for things like tracking whether a section is visible on screen.
Security: Trusted Types support
React 19.3 integrates with the browser Trusted Types API, which the announcement describes as a security feature that helps prevent DOM-based cross-site scripting (XSS) attacks. XSS is a class of attack in which malicious script is injected into a page and runs in a visitor's browser.
A site can instruct browsers, through its Content Security Policy, to accept only specially typed and sanitized values in sensitive places where HTML or script is inserted. The post explains that React previously converted these values to plain strings before handing them to the browser, which meant the browser rejected them and sites could not enforce the policy cleanly. React now passes the values through unchanged, so a site's Trusted Types policies work as intended.
This does not make an application secure automatically. It removes an obstacle for teams that want to turn on a stricter browser security policy.
Changes for server-rendered applications
Many React sites render pages on the server first so they load quickly and can be read by search engines. Two additions in 19.3 are aimed at these applications.
Browser-only components
The post introduces a browser() function in React DOM. A component that calls it opts out of server rendering: the server sends a placeholder, and the real component renders once the page is running in the visitor's browser. The example in the announcement is showing the visitor's time zone, which the server cannot know.
Simpler shared data from server components
The announcement says server components can now render shared context directly, without a separate wrapper component written only for that purpose. This is a reduction in boilerplate rather than a new capability. The release notes also list a change so that a slow background update no longer holds up unrelated ones.
What this means for your business
This section is our interpretation, offered as guidance.
The feature your customers may notice is View Transitions. Polished movement between screens is one of the things that makes a web application feel closer to a native mobile app, and teams have often added third-party animation libraries to achieve it. Having this in React itself can mean less extra code to download and maintain. Two cautions apply. The feature relies on a browser API, so your team should check how it behaves in the browsers your customers use and confirm the page still works without the animation. And animation should be used with restraint and should respect users who have asked their device to reduce motion.
The security integration is most relevant to organizations with compliance or security review requirements, such as finance, healthcare and business-to-business software, where a strict Content Security Policy is commonly requested.
If you also have a mobile app built with React Native, note that the React team says ViewTransition currently works only in the browser and that support for React Native and other platforms is being worked on. No date is given, so do not plan a mobile feature around it yet.
What to do next
The announcement we read does not list breaking changes or deprecations for 19.3, which is consistent with a minor version. Even so, treat the upgrade like any dependency change:
- Confirm which React version each of your applications runs today. Projects still on React 18 have a larger step to take first.
- If you use a framework such as Next.js, check which React version your framework release supports before upgrading React itself.
- Run your automated tests and a manual check of key journeys, such as sign-up and checkout, on a staging environment.
- Decide deliberately where animation helps users, rather than adding it everywhere.
There is no deadline attached to this release. For most teams it fits into the next scheduled maintenance window.
Conclusion
React 19.3, released on September 9, 2026, makes View Transitions and Fragment Refs stable, adds Trusted Types support for stricter browser security policies, and tidies up several rough edges in server-rendered applications. It is an incremental release that rewards teams who keep their applications current, and it gives product owners a built-in option for smoother, more app-like interfaces.
If you are unsure which version your application is on or what an upgrade would involve, contact us and we can talk through your setup.