domino 0.8.2

An incremental DOM library, with support for virtual DOM and components.

Domino

Inspired by Google's incremental-dom library, package:domino is a Dart-native DOM library supporting incremental DOM updates, efficient event handling and reuse.

NOTE: early version of the package did use virtual DOM, which is a use-case that can be supported via incremental DOM too.

Usage

A simple usage example:

import 'dart:html';

import 'package:domino/domino.dart';
import 'package:domino/domino_browser.dart';

void main() {
  registerView(root: document.getElementById('root')!, builderFn: _app);
}

int _counter = 0;

void _app(DomBuilder b) {
  b.open(
    'button',
    id: 'app-button',
    events: {
      'click': (e) {
        _counter++;
        e.view.invalidate();
      },
    },
  );
  b.text('click');
  b.close();

  b.open('span', id: 'app-count');
  b.text('Counter: $_counter');
  b.close();
}