JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<div id="view-goes-here"></div>

CSS

#view-goes-here {
    padding: 50px;
    border: 1px solid black;
}

CoffeeScript

class M extends Backbone.Model
    urlRoot: '/api/test'
    validate: (attrs) ->
        console.log 'Validating...'
        'Invalid!'

class V extends Backbone.View
    initialize: ->
        @model.on 'error', @error
    events:
        'click button': 'saveItem'
    render: ->
        @$el.append('<button>make it go</button>')
        @
    saveItem: ->
        console.log 'Saving...'
        attrs = { a: 'b' }
        @model.save
            success: -> console.log 'AJAX success'
            error:   -> console.log 'AJAX error'
    error: (model, error) =>
        console.log model, error
        
v = new V(model: new M)        
$('#view-goes-here').append(v.render().el);