Today we're sharing that View Transitions and Activity are ready to try in the experimental channel, along with docs and updates on other areas we're actively working on: react.dev/blog/2025/04... - ThreadSky

react.dev • 34 days ago

Today we're sharing that View Transitions and Activity are ready to try in the experimental channel, along with docs and updates on other areas we're actively working on:

https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more

Comments

bogas04.bsky.social•22 days ago

Pretty cool stuff!

I had a question, why do these web only features get shipped in react package and not react-dom? Does that imply it'll be supported by say react native as well?

react.dev•34 days ago

View Transitions are now ready to try in react@experimental.

They’ve been tested in production and are stable, but the final API may change as we iterate on feedback. Check out the docs to see how to add animations to your React app:

https://react.dev/reference/react/ViewTransition

react.dev•34 days ago

To animate a transition, you can add around part of the app to declare “what” to animate. ViewTransition activates "when" an update is caused by an animation trigger like startTransition, useDeferredValue, or Suspense, and "how" to animate is defined in CSS.

react.dev•34 days ago

Adding around part of the app cross-fades the content by default:

react.dev•34 days ago

You can customize animations with props on ViewTransition:

react.dev•34 days ago

For shared element transitions, you can add a “name”. This will animate an item from one part of the app to another:

react.dev•34 days ago

ViewTransition can also be triggered by Suspense, to animate content to replace the fallback: