Backbone is a JavaScript MVC framework that follows the MVC pattern with separate models, views, and controllers. The document discusses how Backbone views should be reusable by containing reusable components. Views retrieve data from models and can be updated easily when data changes. Backbone views are not just for UI, but also handle events, templates, and tying the DOM to data models. Example code demos are provided.

1. BACKBONE
VIEW
divaka / 2012/08/24

2. Author
Profile：
http://about.me/divaka
Blog：
http://design2u.me/blog

3. WHAT’s Backbone
A JavaScript MVC Framework

4. MVC
Model Data Storage
Busine
ss
Controller View UI & interaction
Logic

5. View Should be reused
M User Data Model
C search display button
V View Should be reused
User
User Search User List
Component
View View
View

6. Backbone View
View Should be reused
Because view contains many complicated
interaction

7. Views Should be easy to GET
Get Data (model)
Template A Template B Template C
View A View B View C

8. Views Should be reused
View
Page 1 Page 2 Page 3

9. Views Should be easy to
update
Notify Change
View Change
Notify Change Notify Change
BOS
S
Page 1 Page 2 Page 3

10. View
event
templat
e
el Event
model
Reuse
Compone
DOM Data nt
View is not only UI

11. Backbone View
View Should be reused
You only need to maintain the view

12. DEMO
http://jsfiddle.net/LNUzm/
http://jsfiddle.net/TpcHu/
http://jsfiddle.net/LNUzm/1/
http://jsfiddle.net/LNUzm/3/