Is there a plan to support ViewTransition API?

[vijaypushkin]

I did not see anything related to that issues or pull requests. Is that in roadmap, or ignored for now?

Thanks in advance

[SeanCassiere]

Out of curiosity, what's missing for you to be able to implement view transitions?

The <Link> component allows you to add an onClick callback, and the Router has a .subscribe method that allows you to watch for events (like when navigation changes).

Outside of this, is there anything missing?

Edit: Found this article on implementing view transitions in React, and from the outskirts it looks like something that should be possible right?

[vijaypushkin]

Thanks for providing me that article. I managed to implement it via onClick callback

[schiller-manuel]

would be cool to see a demo, can you share a repo?

[flipvh]

I am also interested in this. Anybody stumbled upon this discussion and has an example that can be shared? Will work on it myself soon, so if not, will be sharing progress here.

[jeremyosih]

+1 would be awesome to have that implement :) But understand you have a lot going on with Start, just showing my interest here :)

[SeanCassiere]

We do support view transitions and can be enabled on the router using defaultViewTransition: true.
https://tanstack.com/router/latest/docs/framework/react/api/router/RouterOptionsType#defaultviewtransition-property

[aretrace]

❤️

[jeremyosih]

Thank you so much ! :)

[tigawanna]

will it becalled automatically on route change and how do i define custo transitions?

[asnaeb]

how about viewTransition types? This doesn't seem to be feasible with the current api.

https://developer.chrome.com/docs/web-platform/view-transitions/same-document#view-transition-types

I took a quick look at the source code and seems like it can be supported with little effort. @SeanCassiere Would a PR to support this be welcome?

[SeanCassiere]

Would definitely be open to PRs here.

My only feedback here is that the API would need to support something that's applicable on general navigations (like using <Link> and useNavigate() -> navigate(...)) as well as being able to add these settings on the createRouter function as defaults.

[asnaeb]

Okay, I'll be looking into it as soon as I can