How I do navigation / routing with backbone

navigation-controller.js

var vent = require('./vent'),
    UsersView = require('./users-view'),
    UserView = require('./user-view');

module.exports = function(container) {
  var activeView,
      renderView = function(view) {
        if (activeView) activeView.remove();
        activeView = view;
        container.html(view.render().el);
      };
  }
  vent.on('navigte:users', function(userCol) {
    renderView(new UsersView({collection: userCol}));
    Backbone.history.navigate('/users');
  });
  
  vent.on('navigate:user', function(model) {
    renderView(new UserView({model: model}));
    Backbone.history.navigate('/users/' + model.id);
  });
};

router.js

var Backbone = require('backbone'),
    vent = require('./vent'),
    UserCollection = require('./user-collection'),
    UserModel = require('./user-model');

var MyRouter = module.exports = Backbone.Router.extend({
  routes: {
    'users': 'users',
    'users/:id': 'oneUser'
  },
  users: function() {
    var col = new UserCollection();
    col.fetch().then(function() {
      vent.trigger('navigate:users', col);
    });
  },
  oneUser: function(id) {
    var model = new UserModel({id: id});
    model.fetch().then(function() {
      vent.trigger('navigate:user', model);
    });
  }
});

users-view.js

var Backbone = require('backbone'),
    vent = require('./vent');

module.exports = Backbone.View.extend({
    events: {
        'click .show-user-details': 'userDetailsLinkClicked'
    },
    userDetailsLinkClicked: function(ev) {
        var model = fetchModelFromCollectionSomehowFromEvTarget(ev.currentTarget);
        vent.trigger('navigate:user', model);
    }
});

vent.js

var Backbone = require('backbone'),
    _ = require('underscore');
    
module.exports = _.extend({}, Backbone.Events);