webcomponents

Web Components
==============

$3

* Testable
* Readable
* High performance

$3

* Change you how to write template
* Everything is component

$3

components/x-pic.html
``html




`

components/x-hello.html
`html




`

index.html
`html



`

index_rendered.html
`html


Hello World, Hello WebComponents, Hello 杭州





`

`js
var WebComponents = require('webcomponents');

WebComponents.load('/components/*/.html');
WebComponents.render('index.html', {project: 'WebComponents'}).then(
function(rendered){
fs.writeFileSync('index_rendered.html', rendered)
}
);

`

$3

* WebComponents.load(globExpr)
* WebComponents.engine(type, fn)
* WebComponents.register(name, prototype)
* WebComponents.render(path|content, commonData)
> Every components in file receive commonData.


$3

First DOM parse, then template render, so do not break the DOM.

`html

`

DOM parse above string as:
`html

`

You should write like:
`html

``

$3

* 元彦