BB: Before/After Render

by kyllle

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">

SCSS

* {
  -webkit-font-smoothing: antialiased;
}

body {
    padding: 5%;
}

Babel + JSX

console.clear();

var BaseView = Backbone.View.extend({

    initialize: function () {
    
        this.render = _.wrap(this.render, function(render) {
            this.beforeRender();
            render();						
            this.afterRender();
        });						

        this.render();
    },
    
    beforeRender: function () {
        console.log("Before render");
    },

    render: function () {
        console.log('Inside render');
        return this;
    },

    afterRender: function () {
        console.log("After render");
    }

});