Routing Best Practices and Subrouting | Backbone.js Patterns and Best Practices

Working with routers

The Backbone router provides methods to route client-side pages by using hash fragments or standard URLs as per the History API. Routes that use the hash fragments or History API may look like this:

// Hash fragment
http://www.foo.com/#user/23

// Standard URL
http://www.foo.com/user/23

The routes and actions that will be triggered when the URL fragment matches the specific routes are defined in the routes object of the router:

routes: {
  'users' : 'showUsers',
  'user/:id' : 'showUserDetails',
  'user/:id/update' : 'updateUser'
}

Now, let's see how we can create a basic router. Assume that we are developing an application with a few modules, among which the User module is an important one.

var AppRouter = Backbone.Router.extend({
  routes: {
    'users': 'showUsers',
    'user/:id': 'showUserDetails',
    'user/:id/update': 'updateUser',
    'user/:id/remove': 'removeUser'
  },

  showUsers: function () {
    // Get all the user details from server and 
    // show the...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Backbone.js Patterns and Best Practices

By : Swarnendu De

Backbone.js Patterns and Best Practices

By: Swarnendu De

Overview of this book

Working with routers

Backbone.js Patterns and Best Practices

By : Swarnendu De

Backbone.js Patterns and Best Practices

By: Swarnendu De

Overview of this book

Working with routers

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access