Top JavaScript MVC Frameworks

by Dio-Synodinos on Feb 05, 2013 |

As more and more logic ends up being executed in the browser, JavaScript front-end codebases grow larger and more difficult to maintain. As a way to solve this issue developers have been turning to MVC frameworks which promise increased productivity and maintainable code. As part of the new community-driven research initiative, InfoQ is examining the adoption of such frameworks and libraries by developers.

  • Backbone.js: Provides models with key-value binding and custom events, collections, and connects it all to your existing API over a RESTful JSON interface.
  • AngularJS: A toolset based on extending the HTML vocabulary for your application.
  • Ember.js: Provides template written in the Handlebars templating language, views, controllers, models and a router.
  • Knockout: Aims to simplify JavaScript UIs by applying the Model-View-View Model (MVVM) pattern.
  • Agility.js: Aims to let developers write maintainable and reusable browser code without the verbose or infrastructural overhead found in other MVC libraries.
  • CanJS: Focuses on striking a balance between size, ease of use, safety, speed and flexibility.
  • Spine: A lightweight framework that strives to have the most friendly documentation for any JavaScript framework available.
  • Maria: Based on the original MVC flavor as it was used in Smalltalk - aka "the Gang of Four MVC".
  • ExtJS: Amongst other things offers plugin-free charting, and modern UI widgets.
  • Sammy.js: A small JavaScript framework developed to provide a basic structure for developing JavaScript applications.
  • Stapes.js: A tiny framework that aims to be easy to fit in an existing codebase, and because of its size it's suitable for mobile development.
  • Epitome: Epitome is a MVC* (MVP) framework for MooTools.
  • soma.js: Tries help developers to write loosely-coupled applications to increase scalability and maintainability.
  • PlastronJS: MVC framework for Closure Library and Closure Compiler.
  • rAppid.js: Lets you encapsulate complexity into components which can be easy used like HTML elements in your application.
  • Serenade.js: Tries to follow the ideas of classical MVC than competing frameworks.
  • Kendo UI: Combines jQuery-based widgets, an MVVM framework, themes, templates, and more.

 

 

Related Editorial

Hello stranger!

You need to Register an InfoQ account or to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Tell us what you think

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread
Community comments

Dojo is missing from the list. by Sam Beggins

This is strange, but Dojo is missing from this list of JavaScript MVC frameworks, although it is nice and powerful framework.
Provides everything you need to build and maintain a complex single-page WebApp, without need to build a Frankenstein of 10+ frameworks/libraries to get things working.

Isomorphic SmartClient is missing from the list by Fernando Olcoz

Since Sencha's ExtJS is included in the list I think SmartClient should also be present. There is a discussion/comparison of both frameworks in StackOverflow: stackoverflow.com/questions/5476316/smart-clien...

YUI 3.x is missing from the list by kenjiru kun

I don't know if it qualifies for your definition of a MVC framework, but we're using YUI 3.x in a MVC way in our application.

We're really happy with it so far, although it lacks some features you see in other frameworks. I'm talking about things like two way data binding and template compilation. But it's a very solid framework with a really nice system for module declaration/dependencies/loading among other things.

Login requirement total B.S. by Oyku Gencay

Are you kidding? What the heck is "identify yourself?" I'm a registered user and I find this offensive.

dojo not on the list? by To Sonny

Odd that dojo is not on the list. It is one of the better javascript frameworks out there.

durandaljs by Jone Polvora

Durandal Js is missing from this list

Re: Login requirement total B.S. by Charles Cherry

I agree - I've already registered and logged in to InfoQ, why should I have to authenticate AGAIN in order to vote?

Wow! Pretty embarrassing when your JS voting UI device doesn't work.... by James Drucza

on the latest version of a modern browser (Chrome) for a question related to a significant JS subject. lol

Re: Wow! Pretty embarrassing when your JS voting UI device doesn't work.... by john gordon

on the latest version of a modern browser (Chrome) for a question related to a significant JS subject. lol


Agreed! Latest Safari and Chrome -- FAIL.

Re: Wow! Pretty embarrassing when your JS voting UI device doesn't work.... by john gordon

Uncaught TypeError: Object function (e,t){return new v.fn.init(e,t,n)} has no method 'curCSS'

Is there any relation to app development? by arjan pot

How do these frameworks relate web to app development in html5/css/js? What can it do in a platform like PhoneGap.

It would be nice to have a website framework that also fits app development.

PureMVC is also missing from the list. by Tony DeFusco

PureMVC is a very-small footprint MVC framework for writing better JavaScript-based web applications: PureMVC JavaScript MultiCore Framework

Find more about PureMVC at PureMvc.org and check out the official developer's guide published by O'Reilly Books.

JavaScript MVC by Dean Vaughan

Here is a tiny MVC library based of just a few files which is easily extensible with a very small footprint.

github.com/deanvaughan/Simple-Javascript-MVC

Alternative js framework by Vlad Kopachinsky

We have our framework www.incframework.com.

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

14 comments
General Feedback
Bugs
Advertising
Editorial
 InfoQ.com and all content copyright © 2006-2013 C4Media Inc. InfoQ.com hosted at Contegix, the best ISP we've ever worked with.
Privacy policy