tomtheisen / mutraction

Futuristic web apps with model mutation tracking

Home Page:https://mutraction.dev/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

μ-traction

mutraction logo

Transactional reactive state management

Everything is real DOM nodes and mutation. Proxies are used to track dependencies.

const model = track({ clicks: 0});
const app = (
    <button onclick={() => ++model.clicks }>
        { model.clicks } clicks
    </button>
);

document.body.append(app);

Try it now locally from a project template.

npx degit github:tomtheisen/mutraction/mutraction-dom-template
npm install
npm run build

Or you can try the sandbox.

Check the website for docs.
https://mutraction.dev/

About

Futuristic web apps with model mutation tracking

https://mutraction.dev/

License:MIT License


Languages

Language:TypeScript 44.5%Language:HTML 42.8%Language:CSS 11.3%Language:C# 1.2%Language:JavaScript 0.1%Language:Shell 0.0%