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" data-template-name="index">
    {{#each person in controller.content itemController="person"}}
        {{#view App.PersonView}}
            {{controller}}<br>
            {{name}}<br>
            {{nameAndFire}}
        {{/view}}
    {{/each}}
</script>

CoffeeScript

window.App = Ember.Application.create()

App.Person = Em.Object.extend
    name: 'bobby'

App.PersonController = Em.ObjectController.extend
    nameAndFire: (->
        return @get('name')+" is on fire!!!!!!!!!!!!"              
    ).property('name')

App.IndexController = Em.ArrayController.extend()
        
App.IndexRoute = Em.Route.extend
    setupController: (controller, model) ->
        controller.set "content", [App.Person.create(name:'bob')
                                   App.Person.create(name:'alice')]
        
App.PersonView = Em.View.extend()