Skip to content

Enables Basic View Transition support for React Native Fabric renderer#35764

Open
zeyap wants to merge 14 commits intofacebook:mainfrom
zeyap:view-transition-fabric
Open

Enables Basic View Transition support for React Native Fabric renderer#35764
zeyap wants to merge 14 commits intofacebook:mainfrom
zeyap:view-transition-fabric

Conversation

@zeyap
Copy link

@zeyap zeyap commented Feb 11, 2026 •
edited
Loading

Summary

Enables Basic View Transition support for React Native Fabric renderer.

Implemented:

  • Added FabricUIManager bindings for view transition methods: measureInstance, applyViewTransitionName, startViewTransition, restoreViewTransitionName, and cancelViewTransitionName
  • Implemented startViewTransition with proper callback orchestration (mutation → layout → afterMutation → spawnedWork → passive)
  • Added fallback behavior that flushes work synchronously when Fabric's startViewTransition returns false (e.g., when the ViewTransition ReactNativeFeatureFlag is not enabled)
  • Added Flow type declarations for new FabricUIManager methods

Stubbed with __DEV__ warnings (not yet implemented):

  • cancelRootViewTransitionName
  • restoreRootViewTransitionName
  • cloneRootViewTransitionContainer
  • removeRootViewTransitionClone
  • measureClonedInstance
  • hasInstanceChanged
  • hasInstanceAffectedParent
  • startGestureTransition
  • stopViewTransition
  • getCurrentGestureOffset

This allows React Native apps using Fabric to leverage the View Transition API for coordinated animations during state transitions, with graceful degradation when the native side doesn't support it.

Below are diagrams of proposed architecture in fabric, and observation of what/when config functions get called during a basic shared transition example
Untitled-2026-02-11-1156

How did you test this change?

  • yarn flow fabric - Flow type checks pass
  • yarn lint - Lint checks pass
  • Manually tested in Android catalyst app with enableViewTransition in ReactFeatureFlags.test-renderer.native-fb.js and View Transition enabled via ReactNativeFeatureFlag
  • Verified in the minified ReactFabric-dev.fb.js that the 'shim' config functions are not included
  • Verified fallback behavior logs warning in __DEV__ and flushes work synchronously when ViewTransition flag isn't enabled in Fabric

@meta-cla meta-cla bot added the CLA Signed label Feb 11, 2026
@react-sizebot
Copy link

react-sizebot commented Feb 11, 2026 •
edited
Loading

The size diff is too large to display in a single comment. The GitHub action for this pull request contains an artifact called 'sizebot-message.md' with the full message.

Generated by 🚫 dangerJS against c730c17

@jackpope jackpope self-requested a review February 18, 2026 21:29
@zeyap zeyap mentioned this pull request Feb 25, 2026
Closed
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 25, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs
5a3edbc 
Summary:
Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 25, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
b79f015 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 25, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
a158492 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 25, 2026
@zeyap @meta-codesync
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
c5d3c2d 
facebook#55742)

Summary:
Pull Request resolved: facebook#55742

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component.

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 25, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
a694c35 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 25, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
2c37cbc 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 25, 2026
@zeyap @meta-codesync
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
1b2e013 
facebook#55742)

Summary:
Pull Request resolved: facebook#55742

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component.

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 25, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
fe724a3 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 26, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
bf4223a 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 26, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
2ad3a88 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 26, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
9ad39da 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 26, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
18d95f0 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 26, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
e6f3dfc 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 27, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
1e5bc30 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 27, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
f80a619 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 27, 2026
@zeyap @meta-codesync
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
3937ed3 
facebook#55742)

Summary:
Pull Request resolved: facebook#55742

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component.

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 27, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
06733d4 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 27, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
830bc38 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 27, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
b25f3d7 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 27, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
e5bebbc 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Feb 27, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
296d98e 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
d4d7b8e 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
30eb15e 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @meta-codesync
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
f459993 
facebook#55742)

Summary:
Pull Request resolved: facebook#55742

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component.

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
30eb15e 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @meta-codesync
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
f459993 
facebook#55742)

Summary:
Pull Request resolved: facebook#55742

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component.

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @meta-codesync
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
2f8555c 
facebook#55742)

Summary:
Pull Request resolved: facebook#55742

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component.

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
53a151c 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
17d2972 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
6828b9a 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 2, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
3621054 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 3, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
49a3eb4 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 3, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
6532a75 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
zeyap added a commit to zeyap/react-native that referenced this pull request Mar 3, 2026
@zeyap @facebook-github-bot
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
e3898dd 
facebook#55742)

Summary:

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component. 

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193
meta-codesync bot pushed a commit to facebook/react-native that referenced this pull request Mar 3, 2026
@zeyap @meta-codesync
Add UIManagerViewTransitionDelegate interface and View Transition APIs (
cdad57d 
#55742)

Summary:
Pull Request resolved: #55742

Changelog:
[General] [Added] - Add UIManagerViewTransitionDelegate interface and View Transition APIs

Adds `UIManagerViewTransitionDelegate` interface and View Transition APIs to UIManager, enabling integration with React reconciler's `<ViewTransition/>` component.

Exposes JSI bindings in UIManagerBinding, which will be consumed by react fabric renderer (facebook/react#35764)
- `measureInstance` - returns layout metrics and calls `captureLayoutMetricsFromRoot` to capture snapshot
- `applyViewTransitionName` / `cancelViewTransitionName` / `restoreViewTransitionName` - manage transition name registration
- `startViewTransition` - orchestrates transition lifecycle with mutation/ready/complete callbacks

The delegate methods are gated by the `viewTransitionEnabled` feature flag.

Reviewed By: sammy-SC

Differential Revision: D92537193

fbshipit-source-id: 3124ab4d65b554602a50bd2f67ab2fa537708f88
@zeyap zeyap force-pushed the view-transition-fabric branch 2 times, most recently from 143065d to def44a1 Compare March 5, 2026 20:14
zeyap added 13 commits March 5, 2026 17:10
@zeyap
create supportsViewTransition and ReactFiberConfigWithNoViewTransitio…
6d2b648 
…n out of ReactFiberConfigWithNoMutation
@zeyap
create supportsViewTransition and ReactFiberConfigWithNoViewTransitio…
48e398f 
…n out of ReactFiberConfigWithNoMutation
@zeyap
enableViewTransition for RN
9716ea6 
Summary:
- turn on enableViewTransition feature
- stub shim
- run some mutation config fn at persistence mode too
@zeyap
invoke FabricUIManager methods
d18c7b9
@zeyap
Rename fabricStartViewTransition to fabricViewTransitionStarted
98dfcbc 
Better reflects that this signals the transition has started rather than
initiating it.
@zeyap
restore/cancelViewTransitionName; fallback behavior if fabric doesnt …
968234e 
…enable startViewTransition
@zeyap
fix flow
3b47f59
@zeyap
turn off enableViewTransition for fb rn renderer by default
57395c1
@zeyap
prettier
1cfc355
@zeyap
make startViewTransition async and return ready & finished promises
f2f894f
@zeyap
update startViewTransition to use ready/finished promise returned fro…
114eb37 
…m fabric
@zeyap
move vt specific config functions to ReactFiberConfigFabricWithViewTr…
655affb 
…ansition.js
@zeyap
implement function createViewTransitionInstance
efe355f
@zeyap zeyap force-pushed the view-transition-fabric branch from c730c17 to efe355f Compare March 6, 2026 14:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@rickhanlonii rickhanlonii rickhanlonii left review comments

@jackpope jackpope Awaiting requested review from jackpope

Assignees

No one assigned

Labels

CLA Signed

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@zeyap @react-sizebot @rickhanlonii