Post

Just announced at React Conf - New React API available in canary: 🔥 <ViewTransition> 🔥 <Fragment ref> Particularly excited for Fragment Refs, exposing platform-specific APIs such as: - addEventListener() - observeUsing() - focus() - getClientRects() - scrollIntoView()

7/10/25, 4:46 pm5 reposts35 likes

Nmn

@nmn.sh

8 Oct 2025

Are there any docs for fragment refs yet?

Brenelz

@brenelz.com

8 Oct 2025

Could try this react.dev/reference/re...

Luke

@lukewarlow.dev

7 Oct 2025

What happens if I do: observer.observe(ref.current) Because observeUsing isn't actually a platform API it makes me think something sus is happening under the hood?

Seb ⚛️ ThisWeekInReact.com

@sebastienlorber.com

7 Oct 2025

The ref is not an actual Dom node so it doesn't expose platform APIs dirextly It's probably registering the observer to all child nodes of the fragment.

Oliver Ash

@oliverjash.me

7 Oct 2025

Curious if there’s a reason to do this in a layout effect rather than ref callback (with clean up)?

Seb ⚛️ ThisWeekInReact.com

@sebastienlorber.com

7 Oct 2025

Also curious The code above taken from official docs doesn't really try to avoid unobserve/reobserve (it could use useEffectEvent?) so I guess ref fn could lead to the same result?