Skip to content

Commit 52b29f2

Browse files
committed
Release <ViewTransition /> to Canary (#34712)
## Overview This PR ships the View Transition APIs to `react@canary`: - [`<ViewTransition />`](https://react.dev/reference/react/ViewTransition) - [`addTransitionType`](https://react.dev/reference/react/addTransitionType) This means these APIs are ready for final feedback and prepare for semver stable release. ## What this means Shipping `<ViewTransition />` and `addTransitionType` to canary means they have gone through extensive testing in production, we are confident in the stability of the APIs, and we are preparing to release it in a future semver stable version. Libraries and frameworks following the [Canary Workflow](https://react.dev/blog/2023/05/03/react-canaries) should begin implementing and testing these features. ## Why we follow the Canary Workflow To prepare for semver stable, libraries should test canary features like `<ViewTransition />` with `react@canary` to confirm compatibility and prepare for the next semver release in a myriad of environments and configurations used throughout the React ecosystem. This provides libraries with ample time to catch any issues we missed before slamming them with problems in the wider semver release. Since these features have already gone through extensive production testing, and we are confident they are stable, frameworks following the [Canary Workflow](https://react.dev/blog/2023/05/03/react-canaries) can also begin adopting canary features like `<ViewTransition />`. This adoption is similar to how different Browsers implement new proposed browser features before they are added to the standard. If a frameworks adopts a canary feature, they are committing to stability for their users by ensuring any API changes before a semver stable release are opaque and non-breaking to their users. Apps not using a framework are also free to adopt canary features like `<ViewTransition>` as long as they follow the [Canary Workflow](https://react.dev/blog/2023/05/03/react-canaries), but we generally recommend waiting for a semver stable release unless you have the capacity to commit to following along with the canary changes and debugging library compatibility issues. Waiting for semver stable means you're able to benefit from libraries testing and confirming support, and use semver as signal for which version of a library you can use with support of the feature. ## Docs Check out the ["React Labs: View Transitions, Activity, and more"](https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more#view-transitions) blog post, and [the new docs for `<ViewTransition />`](https://react.dev/reference/react/ViewTransition) and [`addTransitionType`](https://react.dev/reference/react/addTransitionType) for more info. DiffTrain build for [6a8c7fb](6a8c7fb)
1 parent 9898943 commit 52b29f2

34 files changed

+98
-86
lines changed

compiled/facebook-www/REVISION

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
b65e6fc58b8c9a35e2c2ea7d1952fc1499cef09b
1+
6a8c7fb6f1108577c97eeb5703018ece915dcdeb
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
b65e6fc58b8c9a35e2c2ea7d1952fc1499cef09b
1+
6a8c7fb6f1108577c97eeb5703018ece915dcdeb

compiled/facebook-www/React-dev.classic.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -965,6 +965,7 @@ __DEV__ &&
965965
exports.PureComponent = PureComponent;
966966
exports.StrictMode = REACT_STRICT_MODE_TYPE;
967967
exports.Suspense = REACT_SUSPENSE_TYPE;
968+
exports.ViewTransition = REACT_VIEW_TRANSITION_TYPE;
968969
exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
969970
ReactSharedInternals;
970971
exports.__COMPILER_RUNTIME = fnName;
@@ -1079,6 +1080,7 @@ __DEV__ &&
10791080
}
10801081
};
10811082
};
1083+
exports.addTransitionType = addTransitionType;
10821084
exports.c = useMemoCache;
10831085
exports.cache = function (fn) {
10841086
return function () {
@@ -1458,7 +1460,7 @@ __DEV__ &&
14581460
exports.useTransition = function () {
14591461
return resolveDispatcher().useTransition();
14601462
};
1461-
exports.version = "19.3.0-www-classic-b65e6fc5-20251006";
1463+
exports.version = "19.3.0-www-classic-6a8c7fb6-20251006";
14621464
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
14631465
"function" ===
14641466
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-dev.modern.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -965,6 +965,7 @@ __DEV__ &&
965965
exports.PureComponent = PureComponent;
966966
exports.StrictMode = REACT_STRICT_MODE_TYPE;
967967
exports.Suspense = REACT_SUSPENSE_TYPE;
968+
exports.ViewTransition = REACT_VIEW_TRANSITION_TYPE;
968969
exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
969970
ReactSharedInternals;
970971
exports.__COMPILER_RUNTIME = fnName;
@@ -1079,6 +1080,7 @@ __DEV__ &&
10791080
}
10801081
};
10811082
};
1083+
exports.addTransitionType = addTransitionType;
10821084
exports.c = useMemoCache;
10831085
exports.cache = function (fn) {
10841086
return function () {
@@ -1458,7 +1460,7 @@ __DEV__ &&
14581460
exports.useTransition = function () {
14591461
return resolveDispatcher().useTransition();
14601462
};
1461-
exports.version = "19.3.0-www-modern-b65e6fc5-20251006";
1463+
exports.version = "19.3.0-www-modern-6a8c7fb6-20251006";
14621464
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
14631465
"function" ===
14641466
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-prod.classic.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -422,12 +422,14 @@ exports.Profiler = REACT_PROFILER_TYPE;
422422
exports.PureComponent = PureComponent;
423423
exports.StrictMode = REACT_STRICT_MODE_TYPE;
424424
exports.Suspense = REACT_SUSPENSE_TYPE;
425+
exports.ViewTransition = REACT_VIEW_TRANSITION_TYPE;
425426
exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
426427
ReactSharedInternals;
427428
exports.__COMPILER_RUNTIME = ReactCompilerRuntime;
428429
exports.act = function () {
429430
throw Error("act(...) is not supported in production builds of React.");
430431
};
432+
exports.addTransitionType = addTransitionType;
431433
exports.c = useMemoCache;
432434
exports.cache = function (fn) {
433435
return function () {
@@ -604,4 +606,4 @@ exports.useSyncExternalStore = function (
604606
exports.useTransition = function () {
605607
return ReactSharedInternals.H.useTransition();
606608
};
607-
exports.version = "19.3.0-www-classic-b65e6fc5-20251006";
609+
exports.version = "19.3.0-www-classic-6a8c7fb6-20251006";

compiled/facebook-www/React-prod.modern.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -422,12 +422,14 @@ exports.Profiler = REACT_PROFILER_TYPE;
422422
exports.PureComponent = PureComponent;
423423
exports.StrictMode = REACT_STRICT_MODE_TYPE;
424424
exports.Suspense = REACT_SUSPENSE_TYPE;
425+
exports.ViewTransition = REACT_VIEW_TRANSITION_TYPE;
425426
exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
426427
ReactSharedInternals;
427428
exports.__COMPILER_RUNTIME = ReactCompilerRuntime;
428429
exports.act = function () {
429430
throw Error("act(...) is not supported in production builds of React.");
430431
};
432+
exports.addTransitionType = addTransitionType;
431433
exports.c = useMemoCache;
432434
exports.cache = function (fn) {
433435
return function () {
@@ -604,4 +606,4 @@ exports.useSyncExternalStore = function (
604606
exports.useTransition = function () {
605607
return ReactSharedInternals.H.useTransition();
606608
};
607-
exports.version = "19.3.0-www-modern-b65e6fc5-20251006";
609+
exports.version = "19.3.0-www-modern-6a8c7fb6-20251006";

compiled/facebook-www/React-profiling.classic.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -426,12 +426,14 @@ exports.Profiler = REACT_PROFILER_TYPE;
426426
exports.PureComponent = PureComponent;
427427
exports.StrictMode = REACT_STRICT_MODE_TYPE;
428428
exports.Suspense = REACT_SUSPENSE_TYPE;
429+
exports.ViewTransition = REACT_VIEW_TRANSITION_TYPE;
429430
exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
430431
ReactSharedInternals;
431432
exports.__COMPILER_RUNTIME = ReactCompilerRuntime;
432433
exports.act = function () {
433434
throw Error("act(...) is not supported in production builds of React.");
434435
};
436+
exports.addTransitionType = addTransitionType;
435437
exports.c = useMemoCache;
436438
exports.cache = function (fn) {
437439
return function () {
@@ -608,7 +610,7 @@ exports.useSyncExternalStore = function (
608610
exports.useTransition = function () {
609611
return ReactSharedInternals.H.useTransition();
610612
};
611-
exports.version = "19.3.0-www-classic-b65e6fc5-20251006";
613+
exports.version = "19.3.0-www-classic-6a8c7fb6-20251006";
612614
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
613615
"function" ===
614616
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-profiling.modern.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -426,12 +426,14 @@ exports.Profiler = REACT_PROFILER_TYPE;
426426
exports.PureComponent = PureComponent;
427427
exports.StrictMode = REACT_STRICT_MODE_TYPE;
428428
exports.Suspense = REACT_SUSPENSE_TYPE;
429+
exports.ViewTransition = REACT_VIEW_TRANSITION_TYPE;
429430
exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
430431
ReactSharedInternals;
431432
exports.__COMPILER_RUNTIME = ReactCompilerRuntime;
432433
exports.act = function () {
433434
throw Error("act(...) is not supported in production builds of React.");
434435
};
436+
exports.addTransitionType = addTransitionType;
435437
exports.c = useMemoCache;
436438
exports.cache = function (fn) {
437439
return function () {
@@ -608,7 +610,7 @@ exports.useSyncExternalStore = function (
608610
exports.useTransition = function () {
609611
return ReactSharedInternals.H.useTransition();
610612
};
611-
exports.version = "19.3.0-www-modern-b65e6fc5-20251006";
613+
exports.version = "19.3.0-www-modern-6a8c7fb6-20251006";
612614
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
613615
"function" ===
614616
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/ReactART-dev.classic.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20348,10 +20348,10 @@ __DEV__ &&
2034820348
(function () {
2034920349
var internals = {
2035020350
bundleType: 1,
20351-
version: "19.3.0-www-classic-b65e6fc5-20251006",
20351+
version: "19.3.0-www-classic-6a8c7fb6-20251006",
2035220352
rendererPackageName: "react-art",
2035320353
currentDispatcherRef: ReactSharedInternals,
20354-
reconcilerVersion: "19.3.0-www-classic-b65e6fc5-20251006"
20354+
reconcilerVersion: "19.3.0-www-classic-6a8c7fb6-20251006"
2035520355
};
2035620356
internals.overrideHookState = overrideHookState;
2035720357
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -20386,7 +20386,7 @@ __DEV__ &&
2038620386
exports.Shape = Shape;
2038720387
exports.Surface = Surface;
2038820388
exports.Text = Text;
20389-
exports.version = "19.3.0-www-classic-b65e6fc5-20251006";
20389+
exports.version = "19.3.0-www-classic-6a8c7fb6-20251006";
2039020390
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
2039120391
"function" ===
2039220392
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/ReactART-dev.modern.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20119,10 +20119,10 @@ __DEV__ &&
2011920119
(function () {
2012020120
var internals = {
2012120121
bundleType: 1,
20122-
version: "19.3.0-www-modern-b65e6fc5-20251006",
20122+
version: "19.3.0-www-modern-6a8c7fb6-20251006",
2012320123
rendererPackageName: "react-art",
2012420124
currentDispatcherRef: ReactSharedInternals,
20125-
reconcilerVersion: "19.3.0-www-modern-b65e6fc5-20251006"
20125+
reconcilerVersion: "19.3.0-www-modern-6a8c7fb6-20251006"
2012620126
};
2012720127
internals.overrideHookState = overrideHookState;
2012820128
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -20157,7 +20157,7 @@ __DEV__ &&
2015720157
exports.Shape = Shape;
2015820158
exports.Surface = Surface;
2015920159
exports.Text = Text;
20160-
exports.version = "19.3.0-www-modern-b65e6fc5-20251006";
20160+
exports.version = "19.3.0-www-modern-6a8c7fb6-20251006";
2016120161
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
2016220162
"function" ===
2016320163
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

0 commit comments

Comments
 (0)