JSFiddle - React, Tailwind, and code Playground

by dingen2010

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone-localstorage.js/1.0/backbone.localStorage-min.js"></script>
<title>list</title>
<ul id="container">
 </ul>

<script type="text/tempate" id = "list-template">
     <%
        _.each(list, function(item){
    %>
    
    <li>
        <%=item.name %>
    </li>
        <%
        });
      %>
  </script>

JavaScript

var app = {};

app.Mymodel = Backbone.Model.extend({
    defaults: {
        name: ''
    }
});

app.List = Backbone.Collection.extend({
    model: app.Mymodel,
    localStorage: new Store('vandaag')
});

// renders individual todo items list (li)
app.MyView = Backbone.View.extend({
    el: '#container',
    initialize: function () {
        app.list = new app.List();
        app.list.add({
            name: 'piet'
        });
        app.list.add({
            name: 'ed'
        });
        this.render();
    },
    render: function () {
        this.$el.html(_.template($('#list-template').html(),{list : app.list.toJSON()}));
    }
});


app.myView = new app.MyView();