JSFiddle - React, Tailwind, and code Playground

by gianlucaguarini

HTML

<script src="http://rawgithub.com/mikeric/rivets/master/dist/rivets.js"></script>
<script src="http://rawgithub.com/lodash/lodash/2.4.1/dist/lodash.underscore.min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<span rv-text="data:name"></span>

JavaScript

rivets.adapters[':'] = {
    subscribe: function(obj, keypath, callback) {
      obj.on("change:" + keypath, callback)
    },
    unsubscribe: function(obj, keypath, callback) {
      obj.off("change:" + keypath, callback)
    },
    read: function(obj, keypath) {
      return obj.get(keypath)
    },
    publish: function(obj, keypath, value) {
      obj.set(keypath, value)
    }
  };

var Model = Backbone.Model.extend(),
    model = new Model(),
    view;



model.set('name','test');
       
view = rivets.bind($('span'),{
    data:model
});

view.unbind();

// this change should not change the span html
model.set('name','whatever');