"In an ecosystem where overarching, decides- everything-for-you frameworks are commonplace […] — Backbone should continue to be a tool that gives you the freedom to design the full experience of your web application."
var model = new Backbone.Model({ name: 'henrik' }); model.on('change:name', function () { console.log('new changed'); }); model.set({name: 'bob'}); Backbone Models
var Person = AmpersandState.extend({ props: { name:'string' } }); var model = new Model({name: 'henrik'}); model.on('change:name', someFunc); model.name = 'bob'; // still fires event model.name = 47; // throws TypeError
var Person = AmpState.extend({ props: { today: 'date' } }); // unix timestamp coming in var henrik = new Person({today: '1418338921707'}); // getter returns Date Object henrik.today; //=> JS `Date` instance // timestamp when serializing JSON.stringify(henrik); //=> {today: 1418338921707}
var someone = new Person({name: 'henrik'}); someone.on('change:nickName', logChange); // computed only once and cached someone.nickName; //=> 'hen' // not triggered if result is same someone.name = 'henry'; // only if different someone.name = 'crazy'; // logs changed nick: 'cra'
1. derive from child models 2. derive from other derived 3. useful for relationships between models 4. cannot set directly 5. resulting model code is more readable CACHED, EVENTED, DERIVED PROPERTIES
"In a finished Backbone app, you don't have to write the glue code that looks into the DOM to find an element with a specific id, and update the HTML manually — when the model changes, the views simply update themselves." - Backbone Docs
henrikjoreteg
murabayashi
teamlab
dunglas
elainenaomi
miyabigouji
heyitsmohit
%20-%20%E3%82%B3%E3%83%94%E3%83%BC.png){kind=avatar}
picopico
chobishiba
ogiwarat
pospome
ivargrimstad
malarkey
tenderlove
danielanewman
bluesmoon
scottboms
jlugia
afnizarnur
jponch
zakiyama
jennybc
chriscoyier
geoffreycrofte