README.md 1.5 KB

Seed (WIP)

a mini MVVM framework

  • 8kb gzipped, no dependency.
  • DOM based templates with precise and efficient manipulation
  • POJSO (Plain Old JavaScript Objects) Models FTW - even nested objects.
  • Auto dependency extraction for computed properties.
  • Auto event delegation on repeated items.
  • Flexible API.
  • Component based, but can also be used with Browserify, as a CommonJS/AMD module or as a standalone library.

Browser Support

  • Chrome 8+
  • Firefix 3.6+
  • Safari 5.1+
  • IE9+ (IE9 needs classList polyfill)
  • Opera 11.6+
  • Android browser 3.0+
  • iOS Safari 5.0+

Installation

  • Component:

    $ component install yyx990803/seed
    

    Then in JS:

    var seed = require('seed')
    
  • Browserify:

    $ npm install seed-mvvm
    

    Then in JS:

    var seed = require('seed-mvvm')
    
  • Using Module Loaders Built versions in /dist can be used directly as a CommonJS or AMD module.

  • Standalone: Including a built version in /dist directly will register seed as a global variable.

[ Docs under construction... ]

Simplest possible example (there's much more!):

<div id="demo">
    <p sd-text="hello"></p>
</div>
new seed.ViewModel({
    el: '#demo',
    data: {
        hello: 'Hello World!'
    }
}
})