Prototype of how to use lindy in a reactive setting (lindy modified slightly)

index.js

let init = lindy('h3', `Service running - false`);

let start = function () {
    return lindy('button', {
        onclick: () => this.emit('running', true)
    }, 'Start Service');
};

let stop = function () {
    return lindy('button', {
        onclick: () => this.emit('running', false)
    }, 'Stop Service')
};

let root = lindy('div', [
    init,
    start, stop,
    function () {
        this.on('running', running => init.innerHTML = `Service running - ${running.toString()}`)
    }
]);

document.body.appendChild(root);