I’ve been tracking the view transition API, but it’s chrome-only so not really something we’re targeting until it gets broader adoption. In general I’m open to adding evergreen features that aren’t supported everywhere, but they have to at least be standardized. Last I checked view transitions were still in the experimental stage. Very slick transitions tho. If someone has the time, we could explore what kind of interfaces LiveView would need to open up to allow a third-party lib/user-land to provide view transitions for live navigation until things become standard.
chrismccord
Creator of Phoenix
smathy
smathy
sodapopcan
arcanemachine
I’m genuinely curious where this hype is occurring as I haven’t seen anything on Hacker News or Reddit, which are my go-to places for tech buzz. Astro seems pretty interesting though.
1
ericgray
Those animations are top notch. If LiveView can pull that off without jumping through major hoops that would be a game changer.
5
H12
I’m mainly seeing it in the YouTube/Twitch developer communities (which I think overlap considerably with Twitter but I can’t confirm because I don’t go there often).
Probably a separate bubble than the HN/Reddit communities.
2
jean
There is a considerable hype in the frontend community. But I agree I didn’t see anything about astro3 on HN.
0
jean
FYI: Both WebKit and mozilla are supporting the transition API:
mozilla/standards-positions#677
It’s only a matter of time, and I think that adding support just the way Astro did (with a small js lib loading when a browser that doesn’t support view transtions) is a good way to pressure other browser to adopt it.
2
mayel
I noticed Astro’s announcement about view transitions saying that “historically this has only been possible in Single Page Applications (SPAs)” and the browser support now makes it possible between pages. Doesn’t that mean a LiveView app should be able to achieve similar results for live_patch and live_redirect without these APIs? Maybe with something like: How to Add Enter and Exit Page Transitions in NextJS by using TailwindCSS | ReactHustle
1