JSFoo 2013

All about being creative with JavaScript

Modularize your client side applications using Backbone and Require

Submitted by Sagar Ganatra (@sagarg) on Saturday, 27 July 2013

videocam_off

Technical level

Intermediate

Section

Full talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +3

Objective

The objective of this session is to introduce the audience to building modularized applications using BackboneJS and RequireJS. These modules are independent, self-contained components and can be reused and tested in isolation.

Description

BackboneJS is one of the popular JavaScript MVC frameworks used in building client side applications. It provides components like View, Collection, Model and a Router. However, it doesn't dictate the way you should structure your code so that it doesn't end up like spaghetti code. Enter RequireJS. RequireJS allows you to define dependencies between various components and you can leverage it in your application to build modules. These modules are self-contained units and they represent an entity on the page. However, we need a mechanism through which these components interact with other components on a page. We need an application core. An application core provides a channel through which these components interact. The application core also loads these modules on demand and destroy them when required.

Requirements

An understanding of MVC pattern and experience in building applications using BackboneJS will be helpful.

Speaker bio

Sagar Ganatra is a front end developer\architect. He has worked extensively on building front end applications using Backbone and Require. He also writes about them at http://www.sagarganatra.com

Links

Comments

  • 1
    Jitendra Vyas (@jitendravyas) 5 years ago

    Is it mainly for Single page app?

    • 1
      Sagar Ganatra (@sagarg) Proposer 5 years ago

      Yes. However, I don't see any reason why this analogy cannot be applied to a web app having multiple pages.

Login with Twitter or Google to leave a comment