Would it be possible to add View-Transitions like Astro.build?
Would it be possible to add View-Transitions as Astro.build? I think they are pretty cool feature and it would be nice to have a build-in way to do the same/similar in TTS. Also I think the DX of Astro is something it could be included somehow to TTS? :tanner:
5 Replies
uncomfortable-jade•9mo ago
what DX in particular?
also can you please summarize the view transition support in astro?
sensitive-blueOP•9mo ago
Sorry I just realized Tanstack Router already supports it but not all the way. Basically, what I am missing are the Transition Directives, the possibility to add that to images for instance and have a smooth transition by keeping the image in the whole transition. Not quite sure how to explain it: https://docs.astro.build/en/guides/view-transitions/#transition-directives
You can get a better picture of what I am saying in here: https://developer.chrome.com/blog/astro-view-transitions
Chrome for Developers
Astro View Transitions | Blog | Chrome for Developers
Highlight how the Astro community embraced View Transitions when Chrome was shaping up the API and the journey towards landing first-class support for it in Astro + persistent islands.
sensitive-blueOP•9mo ago
In terms of the DX, I think the CLI tooling from Astro is the goat
uncomfortable-jade•9mo ago
need more details about that, never used astro
cc @Akhmadshin
quickest-silver•9mo ago
Soon we will have it natively, via <ViewTransition> Component
https://github.com/facebook/react/pull/31975
Until that happens, you can use this library:
https://github.com/akhmadshin/view-transition-name-handler
Demo:
https://view-transition-name-handler.vercel.app/
Demo code:
https://github.com/akhmadshin/view-transition-name-handler-starter