Данная библиотека является идеей, и носит демонстрационный характер.

Введение

Bakugan использует компонентную систему. т.е. вы пишете свой класс унаследованный от базового класса Component. Далее в декораторе template пишется шаблон.

Затем создается экземпляр класса, в данном случае App. И с помощью метода bindTo происходит рендеринг компонента. Аргументом является DOM элемент в который мы хотим поместить наш компонент.

import { Component, template } from "bakugan";

@template({
    html: `
        <div style="text-align: center; font-size: 20px; margin-top: 100px;">
            Hello World!
        </div>
    `,
})
class App extends Component { }

const app: App = new App();
app.bindTo(document.body);
смотреть пример: web | github