Scribd
Upload
89 views8 pages

A Comparison of Frameworks: Which One May You Choose?

This document compares three frontend frameworks: Angular, Vue, and React. It discusses their learning curves, suitability for multi-page applications versus single-page applications, performance capabilities, development to production workflows, popularity based on GitHub stars and contributors as well as job listings. The frameworks differ in their templates, type checking, state management, and optimization capabilities.

Uploaded by

Diane Rivera
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
89 views8 pages

A Comparison of Frameworks: Which One May You Choose?

This document compares three frontend frameworks: Angular, Vue, and React. It discusses their learning curves, suitability for multi-page applications versus single-page applications, performance capabilities, development to production workflows, popularity based on GitHub stars and contributors as well as job listings. The frameworks differ in their templates, type checking, state management, and optimization capabilities.

Uploaded by

Diane Rivera
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

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

You might also like