/todomvc

MV* Todo apps for Backbone.js, JavaScriptMVC, Ember.js, Dojo, Spine.js, YUILibrary, Knockout.js and more

Primary LanguageJavaScript

TodoMVC

A common demo application for popular JavaScript MV* frameworks

Introduction

Developers these days are spoiled with choice when it comes to selecting an MV* framework for structuring and organizing JavaScript web apps. Backbone, Spine, Ember.js (SproutCore 2.0), JavaScriptMVC... The list of new and stable solutions goes on and on, but just how do you decide on which to use in a sea of so many options?

To help solve this problem, TodoMVC was created - a project which offers the same Todo application implemented using MVC concepts in most of the popular JavaScript MV* frameworks of today. Solutions look and feel the same, have a common feature set, and make it easy for you to compare the syntax and structure of different frameworks, so you can select the one you feel the most comfortable with.

Todo apps are included for:

  • Backbone.js
  • Backbone.js + RequireJS (using AMD)
  • Ember.js
  • JavaScriptMVC
  • Spine.js
  • Sammy.js
  • KnockoutJS (MVVM)
  • Knockback.js
  • Dojo
  • Closure
  • YUILibrary
  • AngularJS
  • Angular + PersistenceJS
  • Ext.js
  • Agility.js
Non MV*
  • jQuery
  • Vanilla JS

We also have a number of in-progress applications for new frameworks (such as CanJS and Meteor) being worked on in our Labs site.

Live demos

Live demos are available on the official TodoMVC site.

Screenshot

screenshot

Team

As of early 2012, I'm happy to introduce two new core committers to the project:

  • Aaron Boushley: Aaron is a JavaScript developer with a keen interest in architectural frameworks and will be helping both standardize existing examples and improve the project as we work on expansion.

  • Sindre Sorhus: Sindre is a Web Developer who has been taking an interest in contributing to a number of open-source projects this year and will also be helping with project expansion and improvements to existing applications.

Disclaimer

TodoMVC has been called many things including the 'Speed-dating' and 'Rosetta Stone' of MV* frameworks. Whilst we hope that this project is able to offer assistance in deciding what frameworks are worth spending more time looking at, remember that the Todo application offers a limited view of what a framework may be capable of.

It is meant to be used as a gateway to reviewing how a basic application using a framework may be structured and we heavily recommend investing time researching a solution in more depth before opting to use it.

Getting Involved

Whilst we enjoy implementing and improving existing Todo apps, we're always interested in speaking to framework authors (and users) wishing to share Todo app implementations in their framework/solution of choice.

If you have an implementation you would like to show us or a patch you would like to send upstream, please feel free to send through a pull request after reading our contribution guidelines. One of us will be happy to review them and discuss any changes that may be required before they can be included.

Note that due to the current number of MVC/MVVM/MV* frameworks in circulation at the moment, it's not always possible to include each one in TodoMVC, but we'll definitely discuss the merits of any framework prior to making a decision. We hope you understand :)

License

Public Domain