4

In the example project hosted at BoilerplatJS site, when we activate a particular sample module (for example clickCounter) all the scripts in other modules (component.js, viewmodel.js and others) gets loaded in the browser.

How to restrict this behavior in case we have to limit modules to users based on some kind of authorization?

Thanks!

Hasith
  • 1,749
  • 20
  • 26
tha4
  • 390
  • 1
  • 9
  • There are some patterns for BilerplateJS lazy loading are discussed at the below link. I'm working on an implementation to support 'ConfigurableUI' + 'lazy-loading' currently and expect to release it soon. http://stackoverflow.com/questions/14940262/pattern-for-lazy-loading-modules-on-demand – Hasith Feb 20 '13 at 02:52

1 Answers1

7

There are few things to note here.

  • First regarding the files that load: In your production deployment, all these files will be combined, minified and obfuscated by the BoilerplateJS optimizer. Meaning, anyway all your code will be in a single script in production, this is normal in AMD JavaScript applications.

  • Even though the code are loaded, the individual components will not be rendered until they receive an activation call from a front controller. Your module will register the UI components, at the initial application load time, but real creation of the UI component happens only in the 'activate' function of your component. This will ensure the application load time is faster and UI component creation happens only on demand.

  • You should never depend on client side authorization in the application. All your JS code will go to the client browser and has potential to get modified. But for user friendliness, you may hide operation that are not permisible to the user. Where to do it depends on the granularity of control. If you want it at component level, you may do this on the navigation menu itself.

Hasith
  • 1,749
  • 20
  • 26
  • Thanks for the reply. Answered my question comprehensively! – tha4 Sep 11 '12 at 10:09
  • 1
    Incase you want to divide your application in to multiple singlepage subsystems, here is a good read: http://blog.hasith.net/2012/11/how-much-multi-page-single-page.html – Hasith Dec 05 '12 at 03:17
  • Also see the relavant question here: http://stackoverflow.com/questions/12676333/lazy-loading-boilerplate-modules – Hasith Dec 05 '12 at 03:19