Congratulations! You are one step closer to creating your next large scale Javascript application! Following sections briefly describe the component samples we have implemented for your reference.

Samples in Product Module A
Click Counter
provides an extremly simple adaptation of knockoutJS Click Counter example. In addition, we added a lottery component to demonstrate inter-component interactions via events.

Knockout MVVM
shows a bit more complex usage of knockoutJS’s MVVM architecture and its data bindings. The data for this panel is loaded from the server through AJAX calls. This component is an adaptation of KnockoutJS Better List example.

Samples in Product Module B
Complex Dashboard
Demonstrates the use of a shared view model across components. There are two views in this dashboard that use the same shared view model, which enables them to easily respond to each other without using events. In addition we use some UI widgets for graphs and trees in this sample.

List-Detail panels
A demonstration of implementing a list view and the relavant detail view that use URL navigation to switch back and forth. All information is loaded from the server on-demand as JSON documents.

Backbone TODO
Latest addition to BoilerplateJS due to the popular demand for BackboneJS integration. We ported this component from Addyosmani's TODO example without much changes to the original code.

Other bits and pieces

We implemented theme support as a theme component that you will find at 'src/modules/baseModule/theme'. Try changing the theme via header, you will find the whole application layout responding as well. We strongly believe loose coupling is the key to maintainable and adaptable code. To demonstrate the point for the theme component we do not use knockoutjs or backbonejs but plain jQuery event bindings.

For multilingual support we use RequireJS’s i18n plugin. Not all components on the sample have localized text, but atleast you can see the effect on navigation menu.