arrmatura

framework

Usage no npm install needed!

<script type="module">
  import arrmatura from 'https://cdn.skypack.dev/arrmatura';
</script>

README

Arrmatura

Arrmatura is a mimimalistic component framework that designed to be:

declarative and codeless
reactive and functional
non-obtrusive, platform-independent
easy to learn and get started.

Get Started

npm i arrmatura

./templates.xml

<component id="Application">
    <Main name="Joe"/>
</component>

<component id="Main">
    <Button title="{:greeting}, {name|upper}!">
</component>

index.ts

import { arrmatura } from 'arrmatura';
import templates from './templates.xml';

arrmatura('<Application />', {
  types: [templates],
  resources: {
    greeting: 'Hello',
  },
  functions: {
    upper: (x) => x.toUpperCase(),
  },
});

Documentation

Samples