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 { Application } = Marionette; // import { Application } from 'backbone.marionette';

const channel = Backbone.Radio.channel('user');

const App = Application.extend({
  initialize(options) {
  	this.model = options.model;
    
    channel.reply('user:logged:in', this.isLoggedIn.bind(this));
  },

  isLoggedIn() {
    return this.model.getLoggedIn();
  }
});

const Model = Backbone.Model.extend({
	defaults: {
  	isAuth: false
  },
  
	getLoggedIn() {
  	return this.get('isAuth');
  }
}); 

const model = new Model();
const app = new App({model});

//other module
const channel2 = Backbone.Radio.channel('user');
const isLoggedIn = channel2.request('user:logged:in');

console.log(isLoggedIn);