Kitty is a lightweight (minified 1.6KB / 1KB gzipped), very simple mvc written in pure javascript.
bower install kitty --save
// define your model
var Todo = new Kitty.Model("Todo", {
todo: "",
done: false
});
// define your view
var TodoView = new Kitty.View("TodoView", {
template: new EJS({
url: './view/Todo.ejs'
}),
container: document.getElementById('todo-container'),
tag: "div",
events: function (){
// do whatever you want, e.g. element.addEventListener(...)
},
render: function (){
// update your view
}
});
// create a model instance
var todo = new Todo({
todo: "I need to do sth"
});
// create a view for your model
var todoView = new TodoView(todo);
// that's all