JSFiddle - React, Tailwind, and code Playground

by marionettejs

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.2/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.radio/2.0.0-pre.2/backbone.radio.js"></script>
<script src="https://rawgit.com/marionettejs/backbone.marionette/next/lib/backbone.marionette.js"></script>

JavaScript

const myChannel = Backbone.Radio.channel('myChannel1');
const myChannel2 = Backbone.Radio.channel('myChannel2');

const ChannelHandler = Mn.Object.extend({
  channelName: 'myChannel1',

  initialize() {
    const channel = this.getChannel();
    this.listenTo(channel, 'log', this.logMsg);
  },

  logMsg(msg) {
    console.log(msg);
  }
});

const channelHandler1 = new ChannelHandler();
myChannel.trigger('log', 'channelHandler1 log message');

const channelHandler2 = new ChannelHandler({channelName: 'myChannel2'});
myChannel2.trigger('log', 'channelHandler2 log message');