JSFiddle - React, Tailwind, and code Playground

by ifandelse

HTML

<script src="http://underscorejs.org/underscore.js"></script>
<script src="https://rawgit.com/postaljs/monologue.js/master/lib/monologue.js"></script>
<script src="https://rawgit.com/postaljs/postal.js/master/lib/postal.js"></script>
<script src="https://rawgit.com/postaljs/monopost.js/master/lib/monopost.js"></script>
<script src="https://rawgit.com/ifandelse/f339d616bbd710793b9e/raw/cf14ca0c395b583bdf1b0e669dfbb1c01f606e98/postal-emitter.js"></script>

CSS

div {
    border-bottom: 1pt solid navy;
}

JavaScript

var channel = postal.channel("hai");

channel.makeEmitter();

channel.on("some.#", function(d, e) {
    $("body").append("<div><pre>" + JSON.stringify(e, null, 2) + "</pre></div>");
});

postal.publish({
    channel: "hai",
    topic: "some.topic",
    data: { foo: "bar" }
});

postal.publish({
    channel: "hai",
    topic: "some.other.topic",
    data: { baz: "bacon" }
});