javascript - Backbone-RequireJs boilerplate for component based large web-projects -


we have large web project, need components can talk each other can put in central repository of components different projects. using reuirejs , backbone modular development. went through different boilerplate available backbone , requirejs, none matched requirement. have created following directory structure. can explained follows.

---resources  |---custom-components    |---mycomponent      |---js        |---views        |---models        |---collections      |---css      |---templates      |---mycomponent.js    |---mycomponent2      |---js        |---views        |---models        |---collections      |---css      |---templates      |---mycomponent2.js  |---libraries    |---backbone    |---underscore    |---jquery    |---jquery-ui  |---jqueryplugins    |---jcarouselite  |---thirdpartyplugins  |---page-js    |---mypage.js    |---mypage2.js
  1. resources directory contain resources. under have 4 directories mentioned.
  2. libraries, jqueryplugins , thirdpartyplugins obviusly directories name say.
  3. page-js directory contain actual main-js used inside our html file requirejs data-main attribute.
  4. custom-component widgets created reside, can see has js file same name of component, entry point of widget. directory has directories js, css , templates. css , templates loaded text plugin , css plugin respectively. js directory contain backbone code make widget work.

custom components asked main-js residing in page-js.

coming need.
1. want experts have review directory structure in perspective of large web projects, need share widgets other teams. suggestions welcome.
2. each custom-component define module, have dependencies within package structure outside package structure. want know, if there way use r.js optimize custom widget dependency within package structure , let plugins , libraries optimized separately.
3. developing single page ajax application, asking modules on demand need cleanup modules , widgets when dont need them, there way cleaning should aware of?

about directory structure

as directory structure pattern, highly recommend using directory structure of cakephp. it's robust in words!! i'm running multiple apps (one of them big groupon) , works charm.
may need tweak little because, know, cake php framework , yours javascript one.

here cake's awesome mvc directory structure:

enter image description here

please note may host thousands of apps on single cake installation. if you're interested, waiting for? go site , read docs.

about cleaning techniques

well, here 1 of downsides of javascript don't like. there no real way destroy oo module in java or c++. here don't have such things c++'s ~ destructors.

for many years, programmers use module = null free memory un-used codes.

take @ these also:

hope helps , luck on designing app ;d


Comments

Post a Comment

Popular posts from this blog

jquery - Invalid Assignment Left-Hand Side -

i trying assign class tag via jquery, resulting in error through firebug says "invalid assignment left-hand side" on fourth line below. <cfoutput> $('.pngfix a').each(function(index) { var hreflink = $(this).attr("href"); if (hreflink.tolowercase() = '../audio.cfm') { $(this).addclass('audioimg'); } }); </cfoutput> looking around online, looks syntax problem, don't seem see it... any tips? thanks if (hreflink.tolowercase() = '../audio.cfm') that attempts assign value, rather check equality. change = operator == .
Read more

java - Play! framework 2.0: How to display multiple image? -

i need display gallery of photos. here template: @(photos: list[photo]) @title = { <bold>gallery</bold> } @main(title,"photo"){ <ul class="thumbnails"> @for(photo <- photos) { <li class="span3"> <a href="#" class="thumbnail"> <img src="@photo.path" alt=""> </a> </li> } </ul> } and here controller method: public static result getphotos() { return ok(views.html.photo.gallery.render(photo.get())); } and here photo bean : @entity public class photo extends model { @id public long id; @required public string label; public string path; public photo(string path, string label) { this.path = path; this.label = label; } private static finder<long, photo> find = new finder<long, photo>( long.class, photo.class); public static list<phot...
Read more

gmail - Is there any documentation for read-only access to the Google Contacts API? -

i want read-only access user's google contacts. there stackoverflow member wanted this, , received following answer : yes, there is, use https://www.googleapis.com/auth/contacts.readonly scope , "view contacts". this exchange reference read-only access google contacts can find using google. simply using access token obtained attempt read usual google contacts api (i.e. https://www.google.com/m8/feeds ) fails insufficient permissions. similarly, using google contacts api on new target fails 404 errors (for example https://www.googleapis.com/auth/contacts.readonly/default/full ). is there documentation anywhere on how use api, or permissible way access google contacts api full read-write access?
Read more