JSFiddle - React, Tailwind, and code Playground

by rich_harris

JavaScript

var ractive = new Ractive({
    data: {
        foo: 'bar'
    }
});

console.group( 'init' );
var observer = ractive.observe( 'foo', foo => console.log( 'foo:', foo ) );
var observer2 = ractive.observe( 'foo', foo => console.log( 'foo:', foo ) );
console.groupEnd();

console.group( 'set baz' );
ractive.set( 'foo', 'baz' );
console.groupEnd();

observer.cancel();

console.group( 'set qux' );
ractive.set( 'foo', 'qux' );
console.groupEnd();