Over a million developers have joined DZone.
Platinum Partner

Visualizing the Client-Side MVC race

· Web Dev Zone

The Web Dev Zone is brought to you in partnership with Mendix. Download this Forrester Report to gain a better understanding of the low-code platform market and how to make a strategic platform selection you won’t regret.

 

Alex Gomes has a great series running on alternate technologies that are competing for the mindshare of JavaScript web-app development. You know, as functionality shifts from server to browser. Here’s his latest. He has added Backbone to a series that already has ExtJS and JavaScriptMVC in it.

What is new is that you can compare branches for each implementation, as he has each implementation as a branch within the same repo now. This will help visualize the differences between competing frameworks. I think it is a race, and some consolidation is due.

Here’s the comparison between the Backbone implementation and the JavaScriptMVC one.

Alex’s implementation-per-branch organization is better than the way that Addy Osmani’s todomvc.com single branch design in my opinion. Sure it requires a higher level of SCM adeptness, and Git/Github in particular, but people who have skin in the game are much more likely to look at the diff, feel somewhat insulted at the implementation, and donate back a patch. Of course we don’t have patches any more, we have GitHub pull-requests.

Anyway, Alex will get round to AngularJS (then Knockout) sooner or later, and we’ll hopefully see JavaScript disappear, and magic arrive.

Github have a page/tutorial on comparison view here.

The Web Dev Zone is brought to you in partnership with Mendix. Better understand the aPaaS landscape and how the right platform can accelerate your software delivery cadence and capacity with the Gartner 2015 Magic Quadrant for Enterprise Application Platform as a Service.

Topics:

Published at DZone with permission of Paul Hammant , DZone MVB .

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}