A JavaScript library to generate HTML view by JSON.
Hyper-JSON Engine (Hje)provides a way to describe the view by JavaScript with event and binding. It can render to HTML or customized view by the description model.
Installation
>
npm i hje
Features
Convert the description in JSON to DOMs. Component
Build reusable rich component.
You can convert a JSON model to HTML view part. Following is a sample.
<main id="container-main" ></main>import * as Hje from 'hje';
Hje.render("container-main", {
children: [{
tagName: "h2",
on: {
click(ev) { console.log("title clicked", ev); }
},
children: "Alphabet"
}, {
tagName: "ul",
styleRefs: "list-alphabet",
props: {
type: "circle",
},
children: ["ABCDEFG", "HIJKLMN", "OPQ RST", "UVW XYZ"]
.map(ele => ({ tag: "li", children: ele }))
}]
});