https://github.com/azer/virtual-glue
Render HTML with Hyperglue and VirtualDOM
https://github.com/azer/virtual-glue
Last synced: 11 months ago
JSON representation
Render HTML with Hyperglue and VirtualDOM
- Host: GitHub
- URL: https://github.com/azer/virtual-glue
- Owner: azer
- Created: 2014-12-01T07:14:28.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-12-01T07:43:15.000Z (over 11 years ago)
- Last Synced: 2024-11-22T14:08:32.366Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 148 KB
- Stars: 11
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## virtual-glue
Render HTML with [Hyperglue](http://github.com/substack/hyperglue) and [VirtualDOM](http://npmjs.org/virtual-dom)
## Install
```bash
$ npm install virtual-glue
```
## Usage Example
A simple clock app:
```js
var glue = require('virtual-glue')
var time = require('format-date')
var patch = glue(document.body, '
', function () {
return {
'.now': time('{hours}:{minutes}:{seconds}')
}
})
setInterval(patch, 1000)
```
On server-side (a.k.a one-time render)
```js
var glue = require('virtual-glue')
var time = require('format-date')
var html = glue('
', {
'.now': time('{hours}:{minutes}:{seconds}')
})
html
// =>
15:03:17
```