How to keep the username - across all views in Backbone.js

Question

In my app, i have no.of pages. each pages have a separate view for them. But in the header part i need to show the user name on all views rendering.. what would be the best practice for that..

i came across with some of options saying..

1. render the header view even before the router starts

2. use the routers '*' - notation to call the header view always.

3. keep the header view as a sub view of all page views - and keep call header view on all page view..

what would be the correct way...please any one suggest me the best way.

Answer 1

Have a layout view that contains the header and gets rendered only once. Then just render the interior portion of the document as you navigate. Changing the URL and triggering a new route does not always imply the entire DOM needs to re-render. Keep your DOM changes as small as possible. Also study the idea of nested views like you get with Backbone.Marionette for another approach.