JSFiddle - React, Tailwind, and code Playground

by Jed Mao

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0-rc.4.js"></script>
<script src="http://builds.emberjs.com/ember-1.0.0-rc.6.1.min.js"></script>
<script type="text/x-handlebars" data-template-name="say-hello">
    Hello, <b>{{view.name}}</b>
</script>

<div class="foo">
    <div id="ember132" class="ember-view">
        Hello, <b>Bob</b>
    </div>
</div>

JavaScript

App = Ember.Application.create();

var NameView = Em.View.extend({
    templateName: 'say-hello',
    name: 'Bob',
    render: function() {
        var buffer = new Em.RenderBuffer();
        buffer._element = $('#ember132').get(0),
        buffer.buffer = ''
        buffer.classes = null;
        buffer.elementId = null;
        buffer.tagNames = [];
        this._super.call(this, buffer);
        //this._super.apply(this, arguments);
    }
});

NameView.create().replaceIn('.foo');