rchasman / fission

#fission

Model

model is just a wrapper around backbone model, only difference is you specify url vs urlRoot simply because i find the latter confusing with the way we use these. Collections are not needed to be created manually they will be created implicitly/internally at runtime

fission.model({
  idAttribute: '_id',
  name: 'Match',
  url: '/v1/matches'
});

Routing

var router = fission.router;

router.use(fission.middleware.log);

router.route('/', {
  view: 'components/Match/Matches.view',
  el: 'content'
});

router.route('/match/:id', {
  view: 'components/Match/Match.view',
  el: 'content'
});

Collection View

collectionView gets an array of this.items - the collections' models rendered into their itemView

var Match = require('models/Match');
var MatchItem = require('components/MatchItem/MatchItem.view');

fission.collectionView({
  model: Match,
  itemView: MatchItem,

  render: function() {
    if (this.items.length === 0) {
      return span(null, 'No Matches right now!');
    }
    return this.items;
  }
});

Model View

render gets this.model - a reference to the associated model either when either model or id is passed into props or via and id params

var Match = require('models/Match');

fission.modelView({
  model: Match,

  dislike: function() {
    this.model.save({liked: false}, {patch: true});
  },
  like: function() {
    this.model.save({liked: true}, {patch: true});
  },
  render: function() {
    var user = this.model.get('name');
    return span(null, 'name: ' + name);
  }
});