MV* Frameworks

ChanderDhall

Twitter @csdhallMe@ChanderDhall.com

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

About Me• Microsoft MVP • Tech Ed Speaker• Asp.NET Insider• Web API Advisor • Pluralsight Author• Dev Chair - Dev Connections

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

About Me• Conference Organizer – MVPMIX.com• Leader – Angularjs Meetup Austin• Leader – Rockstar Developers Meetup• Leader – iPhone Developers Meetup Dallas• Owner – Chander Dhall, Inc. • Chander Tech Podcast

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

What frameworks do you use?

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

Size MattersLibrary/Framework SizeReact/Redux 139kb/???Angular 1 152k/235kPolymer 222k/302kAurelia* 287k/352kEmber 435kAngular 2 566k/766k

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

Repaint PerformanceLibrary/Framework Paints/SecondAurelia 90-107/172-186Angular 2 80-95Polymer 50-60Angular 1 50-57React 48-50Ember ???

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

DEMO: REPAINT PERFORMANCE

#devconnections

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

Standards ComplianceLibrary/Framework Compliance Non-ComplianceAurelia HTML, ES 2016, Web

ComponentsPolymer HTML, ES 2015, Web

ComponentsEmber HTML, ES 2015Angular 2 ES 2016 (TS) NG2 Markup, DartAngular 1 HTML, ES5 Modules, DIReact ES 2015 JSXLibrary/Framework Compliance Non-Compliance

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

Separation of ConcernsRating Frameworks/LibrariesExcellent Aurelia, EmberModerate Angular 1Poor Angular 2, PolymerN/A React

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

DEMO: SEPARATION OF CONCERNS

#devconnections

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

ObtrusivenessRating Frameworks/LibrariesObtrusive React, Angular 1,

Angular 2Average Polymer, EmberUnobtrusive Aurelia

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

DEMO

#devconnections

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

InteroperabilityRating Frameworks/LibrariesVery Interoperable Aurelia, Ember, PolymerAverage Angular 1High Friction Angular 2, Polymer

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

DEMO

#devconnections

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

Corporate CommitmentRating Frameworks/LibrariesCommitted Aurelia, EmberNot Committed Angular 1, Angular 2,

Polymer, React

MV* FRAMEWORKS – WHAT’S THE FUTURE AND WHAT’S THE BEST FOR YOU?

Commercial SupportRating Frameworks/LibrariesCommitted Aurelia, EmberNot Committed Angular 1, Angular 2,

Polymer, React