Framework Showdown
Trending Frameworks (2017)
vue.js
+40k
react
+28k
angular
+12k
preact
+10k
Growth & Popularity (npm)
https://www.npmjs.com/npm/state-of-javascript-frameworks-2017-part-1
Framework Cost
vue.js
react + react-dom
angular
preact
60.1kb minified
21.4kb gzipped
101.9kb minified
32.8kb gzipped
132kb minified
35.9kb gzipped
8.7kb minified
3.5kb gzipped
720ms (3G)
427ms (3G)
69ms (3G)
656ms (3G)
Performance
angular
preact
Hacker News PWA (Bootstrap)
3.2s
react
2.09s
1.5s
vue.js
3.4s
Getting Started
angular
preact
react
vue.js
npx @angular/cli new my-project
npx create-react-app my-project
npx @vue/cli create my-project
npx preact-cli create default my-project
Benchmarks
https://www.stefankrause.net/js-frameworks-benchmark7/table.html
Components
- How much logic is encapsulated in a component?
- Where is the dividing line between a component vs. a framework or library?
- How "dumb" should components be?
Framework Talking Points
- What is the ramp up time for UI developers?
- What does testing look like for a framework/library?
- What are the code editor tools/plugins?
- What are the tools to package/bundle frameworks?
- What patterns emerge from frameworks that align with us?
Points of Consideration
- What does the community look like?
- How to route? (PWA or not)
- What does styling look like?
- What is the potential longevity of a framework?
frameworks
By scurker
frameworks
- 719