A COMPARISON OF FRAMEWORKS

Which one may you choose?

 Framework Comparison

Learning Curve

Downscaling/ MPAs

Upscaling/ SPAs
(better for
Performance
bigger apps)

Dev to Production

Popularity/ Jobs
 (Possible) Learning Curve

Optimizations

Dependency Injection
& “Putting it all together“ Optimizations

Components,
Modules & Syntax State Management
Optimizations
TypeScript & “Everything is JavaScript“
Workflow
Component Orchestration,
ES6 & JSX ES6 & .vue Files Communication & Routing

ES5 & “Controlling the DOM“

Seeing it the first time First Steps Diving deeper Building apps Deployment
 Downscaling/ MPAs

Can you just drop in a JS import and get started?

Is the framework suited for Multi-Page-Applications (MPAs)?

Is a more complex build workflow required/recommended (for “simple“ apps)?

(Yes) (No) (Yes)

Except for the workflow
Does the framework come with a lot of overhead? you might need

(Yes) (No) (No)

 Upscaling/ SPAs

Can you write and maintain complex/ a lot of code?

Do you need to rely on a lot of third-party packages (e.g. for form validation)?

(No) (a bit) (Yes)

Optimization capabilities

(A lot) (Decent) (Decent)

Ease of managing the State

Performance
 From Development to Production

Most important
here!
New Project New Project New Project

Runtime only With Compiler

Dev Code Dev Code Dev Code Dev Code

Templates NOT Templates Templates NOT “Everything is

compiled compiled compiled JavaScript“

Ahead-of-time
Compilation

Lazy Loading & Preloading, Treeshaking, Manually improve code

 Popularity of Frameworks

23,276 Github Stars 50,787 Github Stars 64,790 Github Stars

428 Contributers 93 Contributers 984 Contributers

> 12,000 for

“angular.js” or
“angularjs”
674 Job Listings for 183 Job Listings for 3,020 Job Listings for
“Angular 2“ or “Angular 4” “vue.js“ or “vuejs” on “react.js“ or “reactjs” on
on indeed.com indeed.com indeed.com