JSFiddle - React, Tailwind, and code Playground

by mediastuttgart

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.6.min.js"></script>
<script src="http://requirejs.org/docs/release/1.0.7/minified/require.js"></script>

JavaScript

var App = Ember.Application.create();

define('timeout', function() {
    App.Timeout = Ember.Object.create({
        namespace : 'util.timeout',
        register : function () {
            require(['display'], function () {
                console.log(App.Display.get('count'));
            });
        },
        roar : function () {
            require(['display'], function () {
                App.Display.incrementProperty('count');
                console.log(App.Display.get('count'));
            });
        }
    });
});

define('display', function() {
    App.Display = Ember.Object.create({
        namespace : 'util.display',
        count : 6,
        init : function () {
            console.log('init display');
            this.incrementProperty('count');
            App.Timeout.register();
            App.Timeout.roar();
        },
        countChange : function () {
            console.log('count changed to ' + this.get('count'));
        }.observes('count')
    });
});

$(function () {
    require(['display'], function () {
            console.log('app running');
        }
    );
});