JSFiddle - React, Tailwind, and code Playground

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.ConView" }}
</script>

<script type="text/x-handlebars" data-template-name="sub">
    <p>{{ view.sMan }}</p>
</script>

CSS

section {
    background-color: green;
}

CoffeeScript

window.App = Ember.Application.create()

App.sMan = Em.StateManager.extend
    initialState: 'default'
    default: Em.State.create()

App.StateManagerView = Em.View.extend
    templateName: "sub"
    init: () ->
        @_super()
        @set "sMan", App.sMan.create()
    #sMan: App.sMan.create()

App.ConView = Em.ContainerView.extend
    childViews: ['one', 'two']
    one: App.StateManagerView.extend()
    two: App.StateManagerView.extend()
    
    didInsertElement: ()->
        console.log @get("one.sMan")
        console.log @get('two.sMan')