Seed.js

Mini MVVM framework

[ BETA - tests not complete ]

Features

8kb gzipped, no dependency.
DOM based templates with auto data binding.
Precise and efficient DOM manipulation with granularity down to a TextNode.
POJSO (Plain Old JavaScript Objects) Models that can be shared across ViewModels with arbitrary levels of nesting.
Auto dependency extraction for computed properties.
Auto event delegation on repeated items.
Flexible API: Angular-style or Backbone-style, it's up to you.
Component based, but can also be used with Browserify, as a CommonJS/AMD module or as a standalone library.

Component

$ component install yyx990803/seed

Browserify

$ npm install seed-mvvm

Bower

$ bower install seed

Module Loaders, e.g. RequireJS, SeaJS

Built versions in /dist or installed via Bower can be used directly as a CommonJS or AMD module.

Standalone

Simply include a built version in /dist or installed via Bower with a script tag. seed will be registered as a global variable.

Simplest possible example:

HTML

<div id="demo">
    <p sd-text="hello"></p>
</div>

JavaScript

new seed.ViewModel({
    el: '#demo',
    data: {
        hello: 'Hello World!'
    }
})