Beako.js

Beako is web component tools with Data Binding, Template Engine and Virtual Dom.

She support Deno, Web browsers and Node.js

What is Beako.js?

Please wait for it to be released in the near future.

const data = {
  value: 1
}

watch(data)

hack('#app', '<span>{{ value }}</span>', data)

Beako.js use ES Modules

import { ... } from "https://deno.land/x/beako@v0.9.2/mod.ts";

npm install beako

And,

import { ... } from 'beako'

<script type="module">
import { ... } as website from "beako.js";
</script>

import { compact, watch } from 'beako/mod.ts'

const data = {
  value: 1
}

const component = compact('{{ value }}', [watch(data)])

import { create } from 'beako/mod.ts'

const html = `{{ value }}`
const template = parse(html)

const component = compact(tree, {
  value: 1
})