README
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 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