1
What is it? Superheroic JavaScript MVW Framework A JavaScript library forbuilding user interfaces and not only A framework for creating ambitious web applications Angular VS . React VS . Ember: Deep Dive Founded in 2009 by Miško Hevery Created by Jordan Walke, open sourced in 2013 Initially created as SproutCore in 2007 by Yehuda Katz, acquired by Facebook and renamed to EmberJS in 2011 Founded BSD-3-Clause MIT MIT License Popular websites that use technology Facebook, Instagram, Khan Academy, New York Times, Airbnb, Flipkart, Sony Lifelog Apple Music, Yahoo!, LinkedIn, TinderBox, Netflix, Groupon Youtube, Vevo, Freelancer, Weather, Istockphoto, Sky Store Ideal for Building highly active and interactive web applications. Large web applications whose data is set to change frequently Dynamic SPAs An Infograph by InApp www.inapp.com Source : www.dzone.com ~ an InApp infographic ~ Dynamic UI Binding Allows using UI binding at plain object or even property level. Straightforward linking of states directly to the UI. Uses Handlebars default template engine. Reusable Components Angualar Components enable to create your own semantic and reusable HTML syntax. Uses mixins at view and controller level, so that components don’t have to be UI-related and may contain just some utilities or even complex program logic. Widget-based approach called Ember compo- nents. Opinionation Flexible opinionation. Considerably less opinionated. High degree of opinionation. Data binding Two-way One-way Two-way

JS Framework Comparison - An infographic

Embed Size (px)

Citation preview

Page 1: JS Framework Comparison - An infographic

What is it?Superheroic JavaScript

MVW FrameworkA JavaScript library forbuilding

user interfaces and not onlyA framework for creating

ambitious web applications

Angular VS. React VS. Ember: Deep Dive

Founded in 2009by Miško Hevery

Created by Jordan Walke,open sourced in 2013

Initially created as SproutCorein 2007 by Yehuda Katz,

acquired by Facebook andrenamed to EmberJS in 2011

Founded

BSD-3-ClauseMITMITLicense

Popularwebsitesthat use technology

Facebook, Instagram,Khan Academy,

New York Times, Airbnb,Flipkart, Sony Lifelog

Apple Music, Yahoo!,LinkedIn, TinderBox,

Netflix, Groupon

Youtube, Vevo,Freelancer, Weather,

Istockphoto, Sky Store

Ideal forBuilding highly active and

interactive web applications.Large web applications whose

data is set to change frequently Dynamic SPAs

An Infograph by InAppwww.inapp.com

Source : www.dzone.com

~ an InApp infographic ~

DynamicUI Binding

Allows using UI binding atplain object or even property level.

Straightforward linkingof states directly to the UI.

Uses Handlebars defaulttemplate engine.

ReusableComponents

Angualar Components enableto create your own semantic and

reusable HTML syntax.

Uses mixins at view and controller level, so that

components don’t have to be UI-related and may

contain just some utilities or even complex program

logic.

Widget-based approach called Ember compo-

nents.

Opinionation Flexible opinionation. Considerably lessopinionated.

High degree of opinionation.

Data binding Two-way One-way Two-way