panx

Lightweight Virtual Dom library

Usage no npm install needed!

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

README

Panix.js

panix js

npm GitHub file size in bytes

Panix is a tiny weight Virtual Dom library .
Today's Virtual Doms have easy syntax but they are heavy , very heavy .
Panix goal is to be a fast and tiny Virtual Dom .

Installation

you can use CDNs like unpkg or jsdelivr

jsdelivr (minified version):

<script type="module" src="https://cdn.jsdelivr.net/npm/panix@version/dist/panix.min.js"></script>

jsdelivr (normal version):

<script type="module" src="https://cdn.jsdelivr.net/npm/panix@version/dist/panix.js"></script>

unpkg (minified version):

<script type="module" src="https://unpkg.com/panix@version/dist/panix.min.js"></script>

unpkg (normal version):

<script type="module" src="https://unpkg.com/panix@version/dist/panix.js"></script>

Or if you want to use npm use:

npm i panix

but do not forget to add a importmap like this:

<script type="importmap">
{
  "imports": {
    "panix": "./node_modules/panix/dist/panix.js"
  }
}
</script>

and simply

import * as panix from "panix"

Note : if you are using CDNs, replace version with version that you want
Note : always add type="module to your script when you are importing

Hello World

let's make a simple example in panix :

let item = mount(node("h1", { id: "hello" }, ""), document.body);
update(node("h1", { id: "hello" }, "hello world"), item);

Now You have made your first panix project

License

See license in LICENSE file