Name: charata
Owner: Auth0
Description: null
Created: 2015-08-29 23:48:21.0
Updated: 2017-11-22 23:09:13.0
Pushed: 2016-03-02 18:30:51.0
Homepage: null
Size: 93
Language: JavaScript
GitHub Committers
| User | Most Recent Commit | # Commits |
|---|
Other Committers
| User | Most Recent Commit | # Commits |
|---|
Charata allows using incremental DOM in a easier way.
i --save charata
Charata makes use of Google's Incremental DOM providing a simple to use librarie to create and render custom DOM components.
it exports a function to create and append DOM elements following a hirearchaly way.
(<tag>, [<text>|<el>|<elArray]>, <key>, <attributes>);
s
port {el} from 'charata';
t myList = el('ul', [
el('li', 'one'),
el('li', 'two'),
el('li', 'three')
null, ['class', 'my-list']);
List.renderTo(document.body);
this will render into your DOM (under document.body in this case)
class="my-list">
i>one</li>
i>two</li>
i>three</li>
>
Your DOM is patched using Incremental DOM, that means that you can create complex components and re-rendered them with a little hit on your performance. For a more complex example, take a look at tehsis/incremental-todo
Besides the main el function, you can import helpers for most common HTML elements
The previous example could be rewritten as follows:
rt {ul, li} from 'charata';
myList = ul([
('one').
('two'),
('three')
ull, ['class', 'my-list']);
st.renderTo(document.body);