Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Good implementation of scalable JavaScript application architecture (Sandbox by Nicholas Zakas)? [closed]

Tags:

I recently watched a good video with regards to a modular JavaScript architecture including a sandbox. I was wondering if there is anything that's been implemented in the wild?

Is the framework downloadable or an implementation of it?

The videos were great but they were only theory and no code was available. Original video is here.

like image 553
Martin Avatar asked Jan 02 '12 13:01

Martin


2 Answers

I'm the author of boilerplateJS. After couple of complex JS projects, I wanted to compile my experience in building complex application in JS as a open source reference architecture. BoilerplateJS handles all concerns that are discussed by Nicholas, but not restricted to the ideas presented there.

BoilerplateJS lets you to structure your complex product suite in to product-modules and UI components. There are several samples implemented to follow in the reference architecture code base.

http://boilerplatejs.org/

Among other concerns it handles are: - structuring the solution - creating a module hierarchy - Dependency management - Event based messaging, - Routing and embeddable components - Unit testing - Localization - Document generation - JS optimizations and obfuscation

See it in action here: http://boilerplatejs.org/samples/productsuite/index.html

like image 113
Hasith Avatar answered Sep 25 '22 01:09

Hasith


I have done a comparison about different implementations of this theory by Zakas.

I've compared...

  1. ScaleApp
  2. Kernel.js
  3. Terrifically

After checking all pros and cons I decided to use Hydra.js (I needed to extend modules easily), but the most important is to know what do you need/expect of these type of frameworks and make your own comparison.

These are the topics I checked:

  • Framework agnostic
  • Documentation
  • Size
  • Trending
  • Allow multiple module instances
  • Less coupling
  • Easy testing of modules
  • Unit tested
  • Workshop/Video/Demos/Slides
  • Extensible (plugins or similar)
  • Allow extension of modules
  • Company Support
  • Minimized versions
  • License
  • Community
  • Maturity of project
  • Last commit
  • Mentions in blogs/webs
  • Github
  • Dependencies
  • Watchers
  • Forks / Development Team Size
  • Error Manager
  • Async modules load
  • Deferred-Promise integration
  • Can be used in Browser and Node.js

Tell me if need more help.

Update:

I'm checking a new framework that is in development preview 'Backbone Aura' from Addyosmani

like image 26
amischol Avatar answered Sep 24 '22 01:09

amischol