Hacker News Reader

Hacker News

Comment by hbbio | Hacker News Reader

Parent Full thread

hbbio

I don't know exactly who is the "first" but Svelte just announced this a few days ago:

https://svelte.dev/blog/view-transitions

View on HN

View transition is not such an impressive thing for a front-end framework to have, most do.

Idk why magic move isn't built-in every front-end framework these days.

I would prefer if browsers offered more powerful API like this so you don't have to rely on a bloated framework to build modern web applications.

Browsers offering a powerful "std library" for building web application would be great. Similar how Go offers a powerful std library for building server application where most of the time you dont need a framework.

Huh? View Transitions are an entirely new API supported only by Chrome currently. (And Edge, which is a flavor of Chrome.)

you're being too hung up on native APIs, view transition as a concept is nothing new and has existed in front-end frameworks for ages

I'm not aware of a framework that has first-class support for animating between application states, and I've used all the most prominent ones. But regardless, the fact that it's leveraging a native API is significant; it means (a) the browser engine can optimize for it, (b) less code needs to ship to the browser to use it, and (c) native behavior means a standardized API for a complex task.

In which way does svelte(kit) not have first class support for animating between states?

You can animate items being added to page, removed from page or reordered in a keyed each. This also includes pages themselves in layout files. And you can also animate an item being moved from one place to another by being removed in one place and added in another place.

Do you have an example? My understanding is that without browsers doing the tweening between visible states, it would require complex DOM manipulation and animation to make it look good. The native API is an essential part of making this happen for the web.

I think you need to read the API docs again. View transitions as a concept are not new but the View Transitions API offers functionality not previously available in browsers.

> View Transitions are an entirely new API supported only by Chrome currently. (And Edge, which is a flavor of Chrome.)

https://developer.mozilla.org/en-US/docs/Web/API/View_Transi...

There's no "first". View transitions are an HTML/CSS standard.

https://developer.mozilla.org/en-US/docs/Web/API/View_Transi...

Sorry to nitpick, but the View Transitions specification is in Candidate Recommendation Snapshot status [1], meaning that [2]:

> These documents MUST NOT be cited as W3C standards and may or may not become W3C standards.

[1] https://drafts.csswg.org/css-view-transitions-1/

[2] https://www.w3.org/standards/types/#CR

I know, that was from the article.

> Astro 3.0 is the first major web framework to support the View Transitions API.

Reply on news.ycombinator.com