A lightweight data-binding (or so-called mvvm) library, providing both **declarative template** and **imperative call** ways.
*"domod" is named from "DOM", "Model" and their two-way relationship.*
## Philosophy
* Connection, relation, dependency. No matter it is data or dom, it is a tree. Tree and tree node relations make up graphs.
* Reactive programming.
## Simple Application
A simple application:
```js
const state = {
count: 0,
increase() {
this.count++ // `this` points to `state`
}
}
DMD.relate(state, {
negative: {
resultFrom() {
return this.count < 0 // `this` points to `state`
}
}
})
const view = `
{{$count}}
`
DMD('#app', view, state)
```
## API
An online [demo](http://hengwu.me/repos/domod/domod3.html).
An example of a form:
```html
```
## Advance
### Imperative Calling
Providing a data object:
```js
var store = {
value: '1'
};
```
Now assign a property `color` which would be computed from the property `value`.
There are two methods available, `kernel` and `relate`.
The `kernel` method, which is actually a constructor function, accepts two parameters besides the data object: the property and its relation object.
```js
new domod.kernel(store, 'color', {
resultFrom: function () {
return isNaN(parseInt(store.value)) ? 'red' : 'green';
}
});
```
The `relate` method, which is somehow a composition of `kernel`, accepts one parameter besides the data object: an object representing a map from property names to relation objects.
```js
domod.relate(store, {
color: {
resultFrom: function () {
return isNaN(parseInt(store.value)) ? 'red' : 'green';
}
}
});
```
### Relation Object
A relation object can be declared with these properties:
Property | Effect
:---: | :---
resultFrom | Do when the property is being got, and return the value computed.
resultIn | Do when the property is being set.
upstream | Other properties as the property's dependencies.
dnstream | Other properties as the property's effects.
## Standalone Libraries
### Kernel
See the [code](https://github.com/shenfe/domod/blob/master/src/Kernel.js) and [doc](https://github.com/shenfe/domod/blob/master/doc/Kernel.md) for more.
### ObservableArray
Also called OArray for short. See the [code](https://github.com/shenfe/domod/blob/master/src/OArray.js) and [doc](https://github.com/shenfe/domod/blob/master/doc/ObservableArray.md) for more.
## License
MIT
---
_Source: https://npm.io/package/domod · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
A lightweight data-binding (or so-called mvvm) library, providing both **declarative template** and **imperative call** ways.
*"domod" is named from "DOM", "Model" and their two-way relationship.*
## Philosophy
* Connection, relation, dependency. No matter it is data or dom, it is a tree. Tree and tree node relations make up graphs.
* Reactive programming.
## Simple Application
A simple application:
```js
const state = {
count: 0,
increase() {
this.count++ // `this` points to `state`
}
}
DMD.relate(state, {
negative: {
resultFrom() {
return this.count < 0 // `this` points to `state`
}
}
})
const view = `