Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Structured Page Fragments by YouTube

youtube.github.io

Post reply on HN
Print view View original

11–19 of 19 posts

Re: Structured Page Fragments by YouTube

#11

Post by jordanlev »

aaronem wrote: post #10
jordanlev wrote: post #7

Earlier quoted context omitted.

Ah, gotcha. So you are potentially returning more content then will be rendered, but still a faster situation then a full page reload. Thanks!

Well, no; when I say "arbitrary number of fragments", I mean there isn't a set limit established by the client code, not that the server should promiscuously return data the client may or may not actually need. A correctly designed application should never make a state transition that requires the server to guess about what the client's going to need to render.

Understood, which brings me back to the original question of wondering how exactly the server knows which fragments the client wants.

Re: Structured Page Fragments by YouTube

#12

Post by aaronem »

jordanlev wrote: post #11
aaronem wrote: post #10

Earlier quoted context omitted.

Well, no; when I say "arbitrary number of fragments", I mean there isn't a set limit established by the client code, not that the server should promiscuously return data the client may or may not actually need. A correctly designed application should never make a state transition that requires the server to guess about what the client's going to need to render.

Understood, which brings me back to the original question of wondering how exactly the server knows which fragments the client wants.

Again, that's entirely a matter of application design. The general answer is that the server uses the request URI and HTTP headers to determine which fragments are needed, but there are as many specific answers as there are applications following this paradigm. (Said paradigm, incidentally, is just that of the single-page application; this is only YouTube's specific implementation of it. It sounds like you might get more use out of a general treatment of how SPA's work, than of a deeper dive into the details of the specific implementation under discussion; it might be worth your while to take a look at http://singlepageappbook.com, which, while I haven't actually read it in any close detail, looks to be a pretty good overview and high-level discussion of the topic.)

Re: Structured Page Fragments by YouTube

#15

Post by pdkl95 »

Is this in any way different than the common rails feature?

    
    

    $("#foo").on("ajax:success", function (e, data, status, xhr) {
        $("#bar").html(xhr.responseText);
    });
I thought rendering partials and dynamically replacing them has been a standard feature of most frameworks. Rails even renders a working link so the page works without the javascript.

Re: Structured Page Fragments by YouTube

#16

Post by kodablah »

carsongross wrote: post #13

Interesting, but a lot heavier weight than the structural library that I built: http://intercoolerjs.org . From the docs: In dynamic navigation, only fragments are sent, using JSON as transport. Why not HTML as a transport?

I don't think the added JSON.parse (which is very fast these days) is a "lot" heavier weight. Also, although I haven't looked, I would assume a more rigidly structured format like JSON for multiple fragments would be easier to programmatically reference different ones instead of parsing HTML or making some other assumptions about how the disparate fragments are delimited.

Re: Structured Page Fragments by YouTube

#18

Post by jordanlev »

aaronem wrote: post #12
jordanlev wrote: post #11

Earlier quoted context omitted.

Understood, which brings me back to the original question of wondering how exactly the server knows which fragments the client wants.

Again, that's entirely a matter of application design. The general answer is that the server uses the request URI and HTTP headers to determine which fragments are needed, but there are as many specific answers as there are applications following this paradigm. (Said paradigm, incidentally, is just that of the single-page application; this is only YouTube's specific implementation of it. It sounds like you might get…

I appreciate your responses, but I think we got off track somehow. I'm quite familiar with the general architecture of SPA's... my question is specifically about how this library implements this feature. I didn't see anything in the docs about how to use URI or HTTP headers (or anything else) to specify which fragments you want -- instead it just says "?spf=navigate will be appended to the url". So I was wondering how this library specifically thinks more fine-grained details about what to return should be communicated to the server.

Re: Structured Page Fragments by YouTube

#19

Post by aaronem »

jordanlev wrote: post #18
aaronem wrote: post #12

Earlier quoted context omitted.

Again, that's entirely a matter of application design. The general answer is that the server uses the request URI and HTTP headers to determine which fragments are needed, but there are as many specific answers as there are applications following this paradigm. (Said paradigm, incidentally, is just that of the single-page application; this is only YouTube's specific implementation of it. It sounds like you might get…

I appreciate your responses, but I think we got off track somehow. I'm quite familiar with the general architecture of SPA's... my question is specifically about how this library implements this feature. I didn't see anything in the docs about how to use URI or HTTP headers (or anything else) to specify which fragments you want -- instead it just says "?spf=navigate will be appended to the url". So I was wondering ho…

As far as I can tell, that's pretty much all you've got. Given the heavy concentration this library seems to place on converting static navigation to dynamic, my surmise is that, instead of responding to a navigation link with an entire HTML document, it just responds with the content that document would contain in the response object's "body" member, with content fragments organized by the ID of the element they're meant to populate. View changes seem to be supported by sending the appropriate template fragments in the "head", "title", and optionally "foot" members of the response JSON object.

More complex state transitions such as form submissions appear to be provided for in the second argument of the spf.navigate method, which can take an object including a POST method specification and the corresponding data. It looks like that's about all the library provides in terms of request flexibility; per the code, setting custom request headers on navigation requests is definitely unavailable, but it doesn't do anything to override the default behavior by which XHR passes on e.g. Authorization headers already set by client code, so (in conjunction with e.g. OAuth) you'd be able to identify and authenticate the user making the request. I guess the idea is that, for the purpose the library's meant to answer, what it provides in the URI is just about all the information the server should need on what content to include in the response.

Post reply on HN