News for hackers. Stuff that matters.

A comment on Netflix: Removing client-side React.js improved performance by 50%. Parent comment

Re:Netflix: Removing client-side React.js improved performan... by alessioalex on Friday October 27, 2017 @10:39AM (#15568775)
If I'm not mistaken Angular 2+ also has this. It's named AOT compilation (ahead of time).

Edit: so does Vue if you're using vueify (https://github.com/vuejs/vue/issues/4272).

[ Parent | on HN ]
Re:Netflix: Removing client-side React.js improved performan... by christophilus on Friday October 27, 2017 @10:52AM (#15568935)
It's not the same, though. Those are compiling textual templates into executable JavaScript. React/Preact do this automatically, too.

What Glimmer does is it converts your views into bytecode (not JavaScript) which can be streamed and run without a JavaScript compilation / parsing phase in the browser. Vue, React, and Angular views all ultimately are translated into JavaScript which has to be compiled / parsed in each browser.

[ Parent | on HN ]
Re:Netflix: Removing client-side React.js improved performan... by 1_player on Friday October 27, 2017 @11:56AM (#15569618)
I'll have a look at Glimmer later, but who executes this bytecode?
[ Parent | on HN ]
Re:Netflix: Removing client-side React.js improved performan... by dean on Friday October 27, 2017 @12:06PM (#15569703)
> They are instantly executable by a small VM written as a JS library

Guess you have download the VM on initial page load.

[ Parent | on HN ]
Re:Netflix: Removing client-side React.js improved performan... by christophilus on Friday October 27, 2017 @02:04PM (#15570774)
Yes. It's about 18KB of JavaScript.
[ Parent | on HN ]
Re:Netflix: Removing client-side React.js improved performan... by keda on Friday October 27, 2017 @12:06PM (#15569709)
glimmer-vm https://github.com/glimmerjs/glimmer-vm
[ Parent | on HN ]
Re:Netflix: Removing client-side React.js improved performan... by irrational on Friday October 27, 2017 @01:28PM (#15570450)
Is it more similar to Vue server-side rendering (https://vuejs.org/v2/guide/ssr.html)? Or are Glimmer and server-side rendering two different beasts?
[ Parent | on HN ]
Re:Netflix: Removing client-side React.js improved performan... by christophilus on Friday October 27, 2017 @02:04PM (#15570778)
Two different beasts.
[ Parent | on HN ]