Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.
All files were downloaded from https://cdnjs.com and named accordingly.
Output from ls
command is stripped out (irrelevant stuff)
$ ls -lhS
566K Jan 4 22:03 angular2.min.js
563K Jan 4 22:05 angular2.0.0-beta.0-all.umd.min.js
486K Jan 4 21:50 ember.1.13.8.min.js
435K Jan 4 21:48 ember.2.2.0.min.js
205K Jan 4 22:06 angular2.0.0-beta.0-Rx.min.js
144K Jan 4 21:59 react-with-addons-0.14.5.min.js
143K Jan 4 21:46 angular.1.4.5.min.js
132K Jan 4 21:56 react-0.14.5.min.js
121K Jan 4 21:35 angular.1.3.2.min.js
5.3K Jan 4 22:00 redux-3.0.5.min.js
706B Jan 4 21:57 react-dom-0.14.5.min.js
63K Oct 13 03:02 vue-2.0.3.min.js
# 2017
91K Dec 27 12:24 react-dom-16.2.0.production.min.js
6.5K Dec 27 12:22 react-16.2.0.production.min.js
Name | Size |
---|---|
Ember 2.2.0 | 435K |
Ember 1.13.8 | 486K |
Angular 2 | 566K |
Angular 2 + Rx | 766K |
Angular 1.4.5 | 143K |
Vue 2.4.2 | 58.8K |
Inferno 1.2.2 | 48K |
Preact 7.2.0 | 16K |
React 0.14.5 + React DOM | 133K |
React 0.14.5 + React DOM + Redux | 139K |
React 16.2.0 + React DOM | 97.5K |
$ gzip -r .
$ ls -lhS
123K Jan 4 22:11 ember.1.13.8.min.js.gz
119K Jan 4 22:11 angular2.0.0-beta.0-all.umd.min.js.gz
111K Jan 4 22:11 ember.2.2.0.min.js.gz
111K Jan 4 22:11 angular2.min.js.gz
51K Jan 4 22:11 angular.1.4.5.min.js.gz
45K Jan 4 22:11 angular.1.3.2.min.js.gz
42K Jan 4 22:11 react-with-addons-0.14.5.min.js.gz
39K Jan 4 22:11 react-0.14.5.min.js.gz
32K Jan 4 22:11 angular2.0.0-beta.0-Rx.min.js.gz
1.9K Jan 4 22:11 redux-3.0.5.min.js.gz
455B Jan 4 22:11 react-dom-0.14.5.min.js.gz
23K Oct 13 03:02 vue-2.0.3.min.js.gz
#2017
29K Dec 27 12:24 react-dom-16.2.0.production.min.js.gz
2.8K Dec 27 12:22 react-16.2.0.production.min.js.gz
63K Dec 27 13:18 aurelia-core-1.0.2.min.js.gz
Name | Size |
---|---|
Ember 2.2.0 | 111K |
Ember 1.13.8 | 123K |
Angular 2 | 111K |
Angular 2 + Rx | 143K |
Angular 1.4.5 | 51K |
React 0.14.5 + React DOM | 40K |
React 0.14.5 + React DOM + Redux | 42K |
React 15.3.0 + React DOM | 43K |
React 16.2.0 + React DOM | 31.8K |
Vue 2.4.2 | 20.9K |
Inferno 1.2.2 | 20K |
Preact 7.2.0 | 4kb |
Aurelia 1.0.2 | 63K |
Also take a look at this awesome tool https://cost-of-modules.herokuapp.com created by @pastelsky
@DayBr3ak
I don't think a compiled list of sizes pulled from public CDN could be wrong in a way you presented. It's up to you which comparison to make and what conclusions to make.
This implies that compiling your app to a bundle is the only way of using Angular 2. I think it's this implication that is wrong. There are different ways to compile most of the frameworks and, usually, the more sophisticated compiler is the better the results are. At the same time, it's not uncommon to not use a compiler at all and just pull libraries from CDN directly. Therefore this comparison could be useful if you are doing that.