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">
    {{App.Counter}}<br>
    <button {{action updateProps}}>Inc by 2</button><br>
    {{#each textbox in tbs}}
        <p>{{textbox.num}}    {{textbox.group}}</p>
    {{/each}}
</script>

CoffeeScript

window.App = Ember.Application.create()

App.Counter = 0

App.Textbox = Em.Object.extend 
    num: 0
    incrementProp: (num) ->
        @set('group', App.Counter)
        @incrementProperty(num)
        
App.ApplicationController = Em.Controller.extend
    
    groupNum: 0
    isGrouping: false
    
    tbs: [App.Textbox.create(), App.Textbox.create(), App.Textbox.create()]
    updateProps: () ->
        for tb in @get('tbs')
            tb.incrementProp('num', @get('groupNum'))
        Ember.run.next(@, (() ->   Ember.set('App.Counter', Ember.get('App.Counter')+1)
                                   @set('isGrouping', false))