4 ms·

I'd love to see a comparison of Vue.js with Aurelia (http://aurelia.io/ http://aurelia.io/). In my mind, Vue.js and Aurelia are the two front-runners for the n

I'd love to see a comparison of Vue.js with Aurelia (http://aurelia.io/ http://aurelia.io/). In my mind, Vue.js and Aurelia are the two front-runners for the next "right-weight" framework (whereas React is the lightweight champion, and Angular 2 likely to be the heavyweight winner by default).

hardwaresofton 11y ago
Vue's got a much longer track record, correct? Aurelia was only recently spawned (at least it feels like yesterday), and they still do not have a production release out. Also, I would crown knockout the light-weight champion (both in function, and concept), and ember the heavy-weight champion
- jiaweihli 11y ago
  Rivets[1] is an even lighter light-weight champion. [1] http://rivetsjs.com/ http://rivetsjs.com/
  - hardwaresofton 11y ago
    Wow, thanks for posting this! At first I tried to find reasons why knockout was still the light-weight champion, but ended up taking a look through Rivet's usage and info, it looks pretty amazing, and crazy lightweight. Only thing missing is a capable router, and I think you'd be off to the races with this thing, awesome.
- piotrkaminski 11y ago
  You're right, Vue's been around longer, but Aurelia's release appears to be just around the corner and they have a team behind it, so I'd call it even. I'm mostly interested a comparison of the technical approaches since I think it's too early as yet to properly assess their communities.
  - hardwaresofton 11y ago
    While I don't have any experience with Vuze, I do have high hopes for Aurelia. I've worked with the beta versions, and found the API to be pretty workable/clean. I personally like the background of the main dev(s?) behind Aurelia. IIRC, they worked on knockout->durandal->angular->aurelia, and I think the apps they stopped-by in before conceiving Aurelia have just the right concepts and features to make for a really compelling large-ish framework. A little dissapointed about how hard it is to bootstrap it though, I really like to start projects from scratch (empty folder), and found it a little difficult to just pull together easily (without downloading their starter-zip or whatever).
tommyd 11y ago
I agree with you about React being the lightweight (perhaps even overall) champion - although there's undoubtedly some confirmation bias going on on my behalf (e.g. most of the JS people I follow on Twitter are React fans, so I mostly read about React). I think the combination of simple API, good performance, big company backing (proven at scale), rich dev ecosystem (e.g. good dev tools, related ideas such as Flux/Redux) and, of course, React Native is going to be hard to beat. As a freelance developer, it's the front end framework I've chosen to go "all in" with for this round - but still it's great to see all the innovation going on in this space (once you get over the fear that your skills will be outdated in six months time that is!)
fuzionmonkey 11y ago
React 0.14 is 132KB minified [1]. I wouldn't exactly consider React "lightweight," especially compared to other frameworks like Mercury [2], Mithril [3], and Riot [4], which are a fraction of the size of React but still have their own virtual DOM implementations. [1] https://fb.me/react-0.14.0.min.js https://fb.me/react-0.14.0.min.js [2] https://github.com/Raynos/mercury https://github.com/Raynos/mercury [3] http://mithril.js.org http://mithril.js.org [4] http://riotjs.com/ http://riotjs.com/
- k__ 11y ago
  Is there any statement from the React team about the size?
  - grayrest 11y ago
    I don't have a reference for this, but when it's come up in the past they've said size is not a primary goal for the project. A lot of the size comes from their internal event system that normalizes events cross-browser along with the extra abstraction for pluggable renderers (i.e. support React Native) and the component-local state handling. None of these are necessary to get the virutal dom model working. Finally, 132k minified is 40k after gzip. It's not THAT large but it's not a lightweight framework either.
- mambodog 11y ago
  People usually compare the 'size over the wire', eg. gzipped size. In these terms: - React 0.14 is 55kb - jQuery 1.11 is 38kb - Backbone + Underscore (dependency) are 15kb
twsted 11y ago
BTW, Vue 1.0.0 is 74KB minified while React 0.14 is 132KB minified.
muraiki 11y ago
I'd also like to see this comparison. Last year I came close to using React, but picked Knockout because React was fairly immature at the time. I'd like something a bit more "right-weight" and am interested to see what Aurelia's author has done (he made a larger framework based on Knockout). I really like that Aurelia is embracing upcoming standards like web components, and it looks like Vue is also doing the same. Aurelia also seems to be designed with TypeScript in mind, which is a big draw for me as sometimes some common Javascript patterns are awkward to deal with in TS. Also, by "right-weight" I think this is meant in terms of API and features, not file size. Sorry, but I don't think that bringing up the file size of various other frameworks is that productive of an addition to this thread.

hardwaresofton 11y ago

Vue's got a much longer track record, correct? Aurelia was only recently spawned (at least it feels like yesterday), and they still do not have a production release out. Also, I would crown knockout the light-weight champion (both in function, and concept), and ember the heavy-weight champion

jiaweihli 11y ago
Rivets[1] is an even lighter light-weight champion. [1] http://rivetsjs.com/ http://rivetsjs.com/
- hardwaresofton 11y ago
  Wow, thanks for posting this! At first I tried to find reasons why knockout was still the light-weight champion, but ended up taking a look through Rivet's usage and info, it looks pretty amazing, and crazy lightweight. Only thing missing is a capable router, and I think you'd be off to the races with this thing, awesome.
piotrkaminski 11y ago
You're right, Vue's been around longer, but Aurelia's release appears to be just around the corner and they have a team behind it, so I'd call it even. I'm mostly interested a comparison of the technical approaches since I think it's too early as yet to properly assess their communities.
- hardwaresofton 11y ago
  While I don't have any experience with Vuze, I do have high hopes for Aurelia. I've worked with the beta versions, and found the API to be pretty workable/clean. I personally like the background of the main dev(s?) behind Aurelia. IIRC, they worked on knockout->durandal->angular->aurelia, and I think the apps they stopped-by in before conceiving Aurelia have just the right concepts and features to make for a really compelling large-ish framework. A little dissapointed about how hard it is to bootstrap it though, I really like to start projects from scratch (empty folder), and found it a little difficult to just pull together easily (without downloading their starter-zip or whatever).

tommyd 11y ago

I agree with you about React being the lightweight (perhaps even overall) champion - although there's undoubtedly some confirmation bias going on on my behalf (e.g. most of the JS people I follow on Twitter are React fans, so I mostly read about React). I think the combination of simple API, good performance, big company backing (proven at scale), rich dev ecosystem (e.g. good dev tools, related ideas such as Flux/Redux) and, of course, React Native is going to be hard to beat. As a freelance developer, it's the front end framework I've chosen to go "all in" with for this round - but still it's great to see all the innovation going on in this space (once you get over the fear that your skills will be outdated in six months time that is!)

fuzionmonkey 11y ago

React 0.14 is 132KB minified [1]. I wouldn't exactly consider React "lightweight," especially compared to other frameworks like Mercury [2], Mithril [3], and Riot [4], which are a fraction of the size of React but still have their own virtual DOM implementations. [1] https://fb.me/react-0.14.0.min.js https://fb.me/react-0.14.0.min.js [2] https://github.com/Raynos/mercury https://github.com/Raynos/mercury [3] http://mithril.js.org http://mithril.js.org [4] http://riotjs.com/ http://riotjs.com/

k__ 11y ago
Is there any statement from the React team about the size?
- grayrest 11y ago
  I don't have a reference for this, but when it's come up in the past they've said size is not a primary goal for the project. A lot of the size comes from their internal event system that normalizes events cross-browser along with the extra abstraction for pluggable renderers (i.e. support React Native) and the component-local state handling. None of these are necessary to get the virutal dom model working. Finally, 132k minified is 40k after gzip. It's not THAT large but it's not a lightweight framework either.
mambodog 11y ago
People usually compare the 'size over the wire', eg. gzipped size. In these terms: - React 0.14 is 55kb - jQuery 1.11 is 38kb - Backbone + Underscore (dependency) are 15kb

twsted 11y ago

BTW, Vue 1.0.0 is 74KB minified while React 0.14 is 132KB minified.

muraiki 11y ago

I'd also like to see this comparison. Last year I came close to using React, but picked Knockout because React was fairly immature at the time. I'd like something a bit more "right-weight" and am interested to see what Aurelia's author has done (he made a larger framework based on Knockout). I really like that Aurelia is embracing upcoming standards like web components, and it looks like Vue is also doing the same. Aurelia also seems to be designed with TypeScript in mind, which is a big draw for me as sometimes some common Javascript patterns are awkward to deal with in TS. Also, by "right-weight" I think this is meant in terms of API and features, not file size. Sorry, but I don't think that bringing up the file size of various other frameworks is that productive of an addition to this thread.