Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/eliot-akira/html-render

HTMLElement render method with incremental DOM update
https://github.com/eliot-akira/html-render

Last synced: about 1 month ago
JSON representation

HTMLElement render method with incremental DOM update

Awesome Lists containing this project

README

        

# HTML render

HTMLElement render method with incremental DOM update

## Include

The following adds a `render` method to HTMLElement.

~~~javascript
require('html-render');
~~~

## Use

~~~javascript
var app = document.body.querySelector('app-root');

app.render( html );
app.render( newHtml );
~~~

This updates the DOM efficiently by rendering only the difference.

## Based on

[Incremental DOM](https://github.com/google/incremental-dom)

[html-parse-stringify](https://github.com/henrikjoreteg/html-parse-stringify)

[html2IDOM](https://github.com/ericponto/html2IDOM) (light version)