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

Thursday, March 29, 12

D R Y

Thursday, March 29, 12

Breaking it downModel creation

Views auto-assembled

Views auto-created

Thursday, March 29, 12

Model creation

Thursday, March 29, 12

Views auto-createdView.js

BackBreaker.js

Thursday, March 29, 12

Views auto-assembled

View.js

Thursday, March 29, 12

Demoslashhashbang.com/demos/viewframework

Thursday, March 29, 12

Code SharingFunctionality Mixins• FlexGrid, States, Themable, Skeleton

Base Definitions• StandardCarouselLayout, ShareButton

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

Thursday, March 29, 12

Questions?Answers.

Thursday, March 29, 12