RiotJS - How to pass events between subtags using Observable pattern?

Question

Im not really sure if Im understanding correctly the way observables work and how to get references from mounted tags. I have a component. Within this comp

Answer 1

Inspired by the answer given by @gius, this is now my preferred method for sending events in RiotJS from one tag to another.. and it is great to work with!

The difference from @gius approach being that, if you use a lot of nested tags, passing a shared Observable to each tag falls short, because you would need to pass it again and again to each child tag (or call up from the child tags with messy this.parent calls).

Defining a simple Mixin, like this (below), that simply defines an Observable, means that you can now share that in any tag you want.

var SharedMixin = {
observable: riot.observable()
};

Add this line to your tags..

this.mixin(SharedMixin);

And now, any tag that contains the above line can fire events like..

this.observable.trigger('event_of_mine');

..or receive events like this..

this.observable.on('event_of_mine',doSomeStuff());

See my working jsfiddle here http://jsfiddle.net/3b32yqb1/5/ .