React 页面从列表进入详情、返回上一层或切换数据时，如果内容瞬间跳变，vercel-react-view-transitions 可以用浏览器原生 View Transition API 把前后状态连接起来。它适合表达“还是同一个东西，只是进入更深一层”，而不是给所有更新都加动画。
优先处理共享元素：列表缩略图和详情页大图使用同一个 `name`，就能形成连续的 morph。列表重排用带稳定 `key` 的 `<ViewTransition>`；异步内容到达则用 enter/exit；有明确层级的前进和后退，再用 transition type 配方向。普通 `setState` 不会自动触发，状态更新要放进 `startTransition` 等有效触发器里。
别把 `default="none"` 和没有显式 share 动画混在一起，否则共享元素会静默不动；浏览器不支持时应自然降级。最后补上 reduced-motion 样式，并避免在同一时间挂载两个相同名字的共享元素。