JSFiddle - React, Tailwind, and code Playground

by scispear

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars">
    Dirty: {{App.pets.isDirty}}
    <br />
    Cat: {{App.pets.cat}}
    <br />
    Dog: {{App.pets.dog}}
</script>

JavaScript

var Dirty = Em.Object.extend({ 
    isDirty: false,
    
    init: function(){
        debugger;
    }
});
var set = Ember.set;

Ember.set = function(obj, key, value){
    set(obj, key, value);
    if(Dirty.detectInstance(obj) && (key !== 'isDirty')){
        set(obj, 'isDirty', true);
    }
};


App = Em.Application.create({
    pets: Dirty.create({
        cat: 'meow',
        dog: 'bark',
    })
});

Em.run.later(function(){
    debugger;
    App.set('pets.cat', 'bark');
}, 2000);