MVC approach for JavaScript

Question

I am searching for a decent framework for organizing my Javascript, jQuery assisted code according to MVCS micro-architecture.

I did some research on JavaScriptMVC, and though it looks like a robust product, I'm afraid it's a bit of an "overkill" for my needs, and since it's poorly documented it will take me hours to exclude only the parts of it that I can utilize.

What I really search for is something elegant like a jQuery-PureMVC port (which as far as I know does not exist) or Robotlegs (for those who are familiar with this AS3 framework). In other words: I look for a light and simple framework that will allow me to easily manage the business logic surrounding my many existing custom jQuery UI Widgets.

Any recommendations?

Answer 1

Try backbone.js

Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.

It's lightweight and allows you to plugin into the abstractions easily. It was also designed to not have a UI attached to it so you can plug in jQuery or whatever other library you intend to use.

Answer 2

Have a quick look at backbone.js, a companion project to underscore.js.

It is a fairly small but powerful framework, which lets you build things from the ground up.

Here a brief tutorial on how to develop a single page app with Backbone.js.