Download - A Different View: Building a Scalable Javascript View Architecture

A Different View

Thursday, March 29, 12

Backbone.ViewGood• Loose $ dependency

• Simple event delegation system

• Trim API (initialize/render)

...But• Setup code inflexible

• Classical inheritance model

• No nesting support


D R Y


Breaking it downModel creation

Views auto-assembled

Views auto-created


Model creation


Views auto-createdView.js

BackBreaker.js


Views auto-assembled

View.js


Demoslashhashbang.com/demos/viewframework


Code SharingFunctionality Mixins• FlexGrid, States, Themable, Skeleton

Base Definitions• StandardCarouselLayout, ShareButton

Future: Dynamic Runtime Behaviors• AMD, Mobile-optimization, other environment-specific


Questions?Answers.
