README.md

Incremental TO-DO

See it in action

Description

This is an usage example of Incremental DOM.

Build Instructions

1 - Make sure you have Node.js installed. 2 - Install Browserify. 3 - In the project's root npm i 4 - Make sure to have GNU Make installed and run make

Arquitecture

This example was build using Incremental DOM for DOM generation and Babel.

It was building using a DOM's element abstraction librarie that you can find inside template/ folder.

While not complete yet, this library allows you to create DOM Elements in the following forms:

import {A, render} from './template'

let myContainer = document.getElementById('container');

let myAnchor = new A('my link', null, ['href', 'http://tehsis.me');

render(myContainer, myAnchor);

This will render

<a href="http://tehsis.me">my link</a>

under the specified DOM element.

It can also build more complex HTML structures

import {

let myContainer = document.getElementById('container');

let myElement = new DIV([
  H1('Welcome!'),
  new UL([
   new LI('this is'),
   new LI('a list')
  ]);
]);

render(myContainer, myElement);

That will render

<div>
<h1>Welcome!</h1>
<ul>
  <li>this is</li>
  <li>a list</li>
</ul>
</div>