snabbx

Composable snabbdom virtual-nodes using tagged template strings

Usage no npm install needed!

<script type="module">
  import snabbx from 'https://cdn.skypack.dev/snabbx';
</script>

README

Snabbx

npm (scoped) Travis Coveralls XO code style

Composable snabbdom virtual-nodes using tagged template strings

Table of contents

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