Panix.js

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 :

<!-- unpkg (minified version): -->
<script type="module" src="https://unpkg.com/panix@version/dist/panix.min.es.js"></script>
<!-- unpkg (normal version): -->
<script type="module" src="https://unpkg.com/panix@version/dist/panix.es.js"></script>

Or if you want to use npm :

npm i panix

but do not forget to add a importmap like this:

<script type="importmap">
{
  "imports": {
    "panix": "./node_modules/panix/dist/panix.es.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.

Thank you

Thanks to all of the people who starred panix :

License

See license in LICENSE file