Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JavaScript MV* Framework - Making the Right Choice
Search
Dmitry Sheiko
June 16, 2014
Programming
0
55
JavaScript MV* Framework - Making the Right Choice
Choosing a MV*-framework that doesn't destroy JavaScript, but brings consistency into app design
Dmitry Sheiko
June 16, 2014
Tweet
Share
More Decks by Dmitry Sheiko
See All by Dmitry Sheiko
The Flavor of TypeScript
dsheiko
0
75
Writing Scalable and Maintainable CSS
dsheiko
2
100
A few things you need to know about CSS
dsheiko
1
97
Tooling JavaScript to ensure consistency in coding style
dsheiko
1
85
Modular JavaScript with CommonJS Compiler
dsheiko
1
1.4k
TypeScript Introduction
dsheiko
3
680
A Quick Start – Version Control with Git
dsheiko
3
410
Bringing classical OOP into JavaScript
dsheiko
5
270
Other Decks in Programming
See All in Programming
Is Xcode slowly dying out in 2025?
uetyo
1
270
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
10k
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
880
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
770
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
18k
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
640
#QiitaBash MCPのセキュリティ
ryosukedtomita
1
1.3k
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
100
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
450
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
250
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
390
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
290
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Statistics for Hackers
jakevdp
799
220k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
We Have a Design System, Now What?
morganepeng
53
7.7k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
A designer walks into a library…
pauljervisheath
207
24k
Fireside Chat
paigeccino
37
3.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Transcript
JavaScript MV* Framework - Making the Right Choice by @sheiko
Who’s the dude? I’m Dmitry Sheiko, a web-developer, blogger, open
source contributor. http://dsheiko.com @sheiko https://github.com/dsheiko
What do I need a framework for? • Abstractions (separation
of concerns) • Implicit conventions • Code reusability • Data Binding • Widgets Library
What framework do I need? MVC Backbone MVP MVVM AngularJS
Ember.js Dojo YUI Agility.js KnockoutJS CanJS Maria Polymer React cujoJS Montage Sammy.js Stapes Epitome DUEL Kendo UI PureMVC Olives PlastronJS Dijon rAppid.js DeftJS + ExtJS SAPUI5 Exoskeleton Atma.js Ractive.js ComponentJS Vue.js
Big Three AngularJS Backbone Ember.js
How they implement MV* bit.ly/1p24xgq Collection Model Template Router Controller
Scope View AngularJS Backbone Ember.js
How active developers community Backbone Stars: 18 264 Forks: 4
066 Open issues: 26 Closed issues: 3 151 Ember.js Stars: 10 442 Forks: 2 249 Open issues: 220 Closed issues: 4 788 AngularJS Stars: 24 958 Forks: 8 635 Open issues: 1 117 Closed issues: 6 704 via Github 13.06.2014
How good FAQ support Backbone Questions: 15 191 Answered: 9
193 60% Avg answers per question: 2.24 Ember.js Questions: 18 243 Answered: 11 120 61% Avg answers per question: 2.40 AngularJS Questions: 40 312 Answered: 22 382 55% Avg answers per question: 2.30 via StackExchange 13.06.2014
The hidden part of the iceberg AngularJS Logical LOC: 6
748 Mean parameter count: 1.5 Cyclomatic complexity: 1 548 Cyclomatic complexity density: 23% Maintainability index: 113 Production build: 108K Ember.js* Logical LOC: 43 390 Mean parameter count: 1.2 Cyclomatic complexity: 2 543 Cyclomatic complexity density: 17% Maintainability index: 113 Production build: 276K Backbone* Logical LOC: 965 Mean parameter count: 1.3 Cyclomatic complexity: 275 Cyclomatic complexity density: 28% Maintainability index: 108 Production build: 20K * without dependencies
Wonna really be in control of your own code?
You have to know then exactly what the framework does
Ember.js? AngularJS? Unlikely…
Backbone is our hero! http://backbonejs.org/docs/backbone.html
What about dependencies? Do we need them? Backbone jQuery Underscore
Not really! jQuery Underscore Backbone4 Exoskeleton
Exoskeleton is an optimized Backbone Faster Lightweight Dependencies optional http://exosjs.com
Custom builds Backbone drop-in replacement
What about legacy browsers? https://github.com/es-shims/es5-shim
An example? TODO MVC http://bit.ly/T0oREh Exoskeleton + CommonJS Compiler http://bit.ly/1lr1R7Z
Thank you! My credits to www.flaticon.com for these amazing free
vector icons and surely to Paul Miller and Adam Krebs for Exoskeleton