JSFiddle - React, Tailwind, and code Playground

by skane

HTML

<script src="https://raw.github.com/wycats/handlebars.js/1.0.0-rc.3/dist/handlebars.js"></script>
<script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-rc.1.js"></script>
<script type="text/x-handlebars">
    {{ view "App.OuterView" }}
</script>

<script type="text/x-handlebars" data-template-name="outer">
</script>

CSS

section {
    background-color: green;
}

CoffeeScript

window.App = Ember.Application.create()

App.MagicMixin = Em.Mixin.create
    init: ()->
        @_super()
        return "cats"
    
App.SecondMixin = Em.Mixin.create
    init: ()->
        console.log "SecondMixin's super got: ", @_super()
        return "dogs"
        

App.OuterView = Em.View.extend App.MagicMixin, App.SecondMixin,
    templateName: "outer"
    init: ()->
        console.log @_super()