JSFiddle - React, Tailwind, and code Playground

by skane

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.1/ember.js"></script>
<script type="text/x-handlebars" data-template-name="guy">
    {{view.text}}
    <button {{action removeGuy view target="view.parentView"}}>DESTROY</button>
</script>

CoffeeScript

window.App = Em.Application.create()

App.ApplicationController = Em.Controller.extend()
        
App.ApplicationView = Em.ContainerView.extend

    childViews: ['bob', 'tim']
    bob: Em.View.extend {text: 'bob', templateName: 'guy'}
    tim: Em.View.extend {text: 'tim', templateName: 'guy'}
    
    removeGuy: (view) ->
        console.log view
        @removeObject(view)
        
    alertOnChange: (->
        alert "omg man down"
    ).observes('childViews.@each')