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('myChannel');

const MyMnObject = Mn.Object.extend({
	channelName: 'myChannel',
  radioEvents: {
    'some:event': 'someEventHandler'
  },

  radioRequests: {
    'some:request': 'someRequestHandler',
  },
  
  someEventHandler() {
  	console.log('channel event')
  },
  
  someRequestHandler() {
  	console.log('channel request')
  }
});

const myMnObject = new MyMnObject();

myChannel.trigger('some:event');
myChannel.request('some:request')