A Different View: Building a Scalable Javascript View Architecture

4,186 views
4,101 views

Published on

A recent wave of excitement has generated an immense amount of javascript frameworks or libraries. However, none of these libraries really make a lot of headway in addressing how to do highly-scalable Javascript UI development. This talk proposes some different paradigms for programming interfaces on the client, leveraging time-tested design patterns used in enterprise software for years.

For more, see http://diurnal.st

Published in: Technology, News & Politics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,186
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

A Different View: Building a Scalable Javascript View Architecture

  1. 1. A Different ViewThursday, March 29, 12
  2. 2. Backbone.View Good • Loose $ dependency • Simple event delegation system • Trim API (initialize/render) ...But • Setup code inflexible • Classical inheritance model • No nesting supportThursday, March 29, 12
  3. 3. DRYThursday, March 29, 12
  4. 4. Breaking it down Model creation Views auto-created Views auto-assembledThursday, March 29, 12
  5. 5. Model creationThursday, March 29, 12
  6. 6. Views auto-created View.js BackBreaker.jsThursday, March 29, 12
  7. 7. Views auto-assembled View.jsThursday, March 29, 12
  8. 8. Demo slashhashbang.com/demos/viewframeworkThursday, March 29, 12
  9. 9. Code Sharing Functionality Mixins • FlexGrid, States, Themable, Skeleton Base Definitions • StandardCarouselLayout, ShareButton Future: Dynamic Runtime Behaviors • AMD, Mobile-optimization, other environment-specificThursday, March 29, 12
  10. 10. Questions? Answers.Thursday, March 29, 12

×