JSFiddle - React, Tailwind, and code Playground

by Grzegorz Pawlik

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script>
<h1>
My theather
</h1>

JavaScript

var Theater = {
    Models: {},
    Collections: {},
    Views: {},
    Templates:{}
};

myglob = 1;

Theater.Models.Movie = Backbone.Model.extend({});

Theater.Collections.Movies = Backbone.Collection.extend({
    model: Theater.Models.Movie,
    url: "/echo/json/",
    data: { json: JSON.stringify([{id: 1}, {id: 2}]) },
    initialize: function(){
        console.log("Movies initialize")
    }
});

Theater.Router = Backbone.Router.extend({
    routes: {
        "": "defaultRoute" 
    },
  
    defaultRoute: function () {
        console.log("defaultRoute");
        var movies = new Theater.Collections.Movies();
        movies.fetch();
        console.log(movies.length)
    }
})
 
var appRouter = new Theater.Router();
Backbone.history.start();