How to modularly write JavaScript?

Question

I am a JavaScript developer and have most of the time faced a problem of arranging the code in a modular fashion so that it does not grow too big. I am aware of JQuery modules but I am not comfortable because as the project grows there is a huge chunk of code that populated the entire file. So is there any JS framework or some kind of solution for this so that I can easily modularize the code and is more readable and good for robust front end application. Please suggest me some frameworks or any other idea which would help in better structure of the code and also lets me build a robust apps.

Aldo Stracquadanio · Accepted Answer · 2012-03-12 10:50:46Z

5

I would suggest you to try the AMD style for javascript modularisation. You can use requirejs as module loader/dependency injection system and some MVC framework (backbone?) for complex application management. After understanding the basic concept you'll be amazed about how tidier javascript can be ;)

answered Mar 12, 2012 at 10:50

Aldo Stracquadanio

6,2472 gold badges27 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Shiv Kumar Ganesh Over a year ago

I am already using Spring as my MVC framework and would like to continue along with it. I wanted to know what is AMD style of JavaScript modularization?

Aldo Stracquadanio Over a year ago

You use Spring as MVC for backend code, but if you have a rich client-side application featuring lots of AJAX/Javascript interactions and you'd like to have UI state management (with html5 pushstate or hasbang for browser history) and keep it tidy you should definitely consider to use also a client side MVC. Look at backbone.js for more info about that: documentcloud.github.com/backbone AMD instead is a way to asynchronously load and inject dependencies between javascript modules. Look at require.js here for more info: requirejs.org/docs/whyamd.html

Shiv Kumar Ganesh Over a year ago

Thanks a lot for that information. It would really solve the problem I am facing.

danwellman · Accepted Answer · 2012-03-12 10:50:41Z

1

Backbone.js is an architectural app that helps to structure code. It can be used with other popular libraries such as jQuery or Zepto

answered Mar 12, 2012 at 10:50

danwellman

9,4018 gold badges65 silver badges92 bronze badges

Comments

Joseph · Accepted Answer · 2012-03-12 10:49:28Z

0

i suggest you try these:

answered Mar 12, 2012 at 10:49

Joseph

120k31 gold badges186 silver badges238 bronze badges

Comments

Mike G · Accepted Answer · 2012-03-12 10:50:15Z

0

The short answer is to look into a library that has a concept of modules at its core, like YUI.

answered Mar 12, 2012 at 10:50

Mike G

7586 silver badges18 bronze badges

1 Comment

Shiv Kumar Ganesh Over a year ago

I have already used these framework. I am wondering if I make my own module then how to reuse and import it etc

jAndy · Accepted Answer · 2012-03-12 10:52:20Z

0

I'd suggest you have a look at the BarFoos Application Framework

answered Mar 12, 2012 at 10:52

jAndy

237k57 gold badges313 silver badges363 bronze badges

Comments

T. Junghans · Accepted Answer · 2012-03-12 10:59:14Z

0

I recommend terrificjs.

TerrificJS is a neat, clever piece of code that allows you to modularize your jQuery code by solely relying on the OOCSS naming conventions.

answered Mar 12, 2012 at 10:59

T. Junghans

11.7k8 gold badges55 silver badges78 bronze badges

Collectives™ on Stack Overflow

How to modularly write JavaScript?

6 Answers 6

3 Comments

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related