Snabbx

Composable snabbdom virtual-nodes using tagged template strings

Table of contents

• Install
• Usage
• API
• Contribute
• License

Install

This project uses node and npm. Go check them out if you don't have them locally installed.

$ npm install --save snabbx

Usage

import {html, render} from 'snabbx'

const app = html`<h1>Hello world!</h1>`

render(document.getElementById('app'), app)

API

html

Create a virtual node.

Parameters

• template string HTML template.

Examples

html`
  <div>
    <p>Hey <span class="span">There</span></p>
    <div></div>
    dom
  <div>
`

Returns Object a virtual node.

render

Make the diff of two virtual node and render them.

Parameters

• oldNode Object virtual node to be modified.
• newNode Object virtual node to be rendered.

Examples

const oldNode = html`
  <div>
    <p>Hey <span class="span">There</span></p>
    <div></div>
    dom
  <div>
`

const newNode = html`
  <div>
    Hello
  <div>
`

render(oldNode, newNode)

Contribute

See the contributing file.

License

MIT License © Gustavo P Borges