JSPM – basic-virtual-dom@0.3.3

Package Exports

basic-virtual-dom

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (basic-virtual-dom) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Very basic virtual-dom implementation

Features

Support of following patch types:

PATCH_CREATE
PATCH_REMOVE
PATCH_REORDER
PATCH_PROPS
Small amount of diffing iterations
Referal based patches without identifiers
No iterations over the virtual or dom tree when applying patches

Seems like it has not so bad memory usage and rendering performance

Example

Simple day countdown example

/** @jsx h */

import {h, patch, diff} from '../../';

var initialDom = (
  <div>
    <div><h3>Counter</h3></div>
  </div>
);

document.getElementById('application')
  .appendChild(initialDom.render());

setInterval(function() {
  var cd = countDown();
  var countDownDom = (
    <div>
      <div><h3>Day Countdown</h3></div>
      <div className="clock">
        <strong>{cd.h}</strong> :&nbsp;
        <strong>{cd.m}</strong> :&nbsp;
        <strong>{cd.s}</strong>
      </div>
    </div>
  );

  var diffs = diff(initialDom, countDownDom);
  patch(initialDom, diffs);

}, 1000);

TODO

test browser support

License

MIT (c) Svetlana Linuxenko