Can’t really argue with the assertion that Preact is the JS framework to beat.

Lambda 1 Minute

Can’t really argue with the assertion that Preact is the JS framework to beat. Basically it’s a drop in replacement for React which is surprisingly slow (around the same speed as the latest version of AngularJS).

Interesting also that VueJS really holds its own when it comes to performance.

https://developit.github.io/preact-perf/

https://preactjs.com/

https://vuejs.org/

No inclusion of Angular 2 in these tests unfortunately.

Unknown's avatar

Published by John Hardy

Closures are a poor man's object. Objects are a poor man's closure.

Published

5 thoughts on “Can’t really argue with the assertion that Preact is the JS framework to beat.”

  1. Wow. Those are terrible. Reminds me when I write a tiny HTML5 todoist like app several years ago targeted for mobile. The app worked great! I was incredibly happy with it. I used jQuery. (I did say this was several years ago). Time to test on mobile.

    Slow… As… Snails.

    I’ve done a little front end work with angular, but talking modern web frameworks still makes my head spin.

    hackernoon.com – How it feels to learn JavaScript in 2016

    Like

    Reply

  2. Your right that they’re terrible. There are good reasons why AngularJS is slower that plain old “vanilla” JavaScript but that’s still not a great justification. I was surprised the React was around the same level.

    The Preact and VueJS though offer all the advantages of those frameworks at speeds that are better than the vanilla example.

    A naive implementation is JQuery is likely to be much slower than all of these.

    Like

    Reply

  4. I’d never heard of Preact before. Any idea how it gets such huge performance improvements? Is it mainly due to library size?

    I see they claim to retain “a large amount of compatibility with React, but only the modern interfaces.” Are they saying they target ES6 exclusively?

    Like

    Reply

  5. It’s bound to have a cut off point with regard to browsers (IE 9 or something) and may require polyfills for older browsers but all use ES5 under the hood. They may advocate trans-compilation from ES6 but everything can still be done in plain old browser JavaScript.

    The main performance boost I believe comes from a more intelligent DOM update strategy than React uses which really requires optimisation to stop unnecessary updates.

    The Vuejs docs go into a bit of detail about it here: https://vuejs.org/guide/comparison.html

    Like

    Reply

Leave a comment