ui-wall

A lightweight UI framework with state support , custom styles and SmallQuery(my version of jQuery)

How to use?

Add the script from unpkg to your project

Examples

UI.$("#root").html("Hello!")

Use client-side rendering:

var csr = new UI.CSR();
///when goes to localhost:3000/p?=hello
csr.add("hello", "<h1>Hello World!</h1>")
csr.render();

Or create components:

var d = UI.component({
    html: "<h1>Hello!</h1>",
    css: "color: blue",
    click: () => {alert('World!')}
})

Changed: Added touchEvents and VNodes

    UI.handleTouch(document.body, (touches) => {
        console.log(touches[0].pageX, ";", touches[0].pageY);
    })

Use of component with render

    UI.component(props).render("<app>{{msg}}</app>");

Fast Routing - replaces anchor event handler

    UI.fastRouting();

Major Release

• Lazy Routing using IntersectionObserver
• Added UI.modal function
• VNode getAPIData and from methods added
• SPAs with hydration and