0.1.0 • Published 2 years ago
protoblorp v0.1.0
Blorp: Small yet Mighty DOM library
WARNING: blorp hasn't yet actually been built. This is mostly speculative!
blorp aims to make it easy to build dynamic UIs without the need for fancy compilation.
Think of it as a reduction of the best parts of React, without any magic!
// with html:
// <body><div id="root"></div></body>
import {div, p, render} from blorp;
const component = div({class: "foo"},
p("hello, world!")
);
render(component, document.body.root);blorp supports react-style hooks.
import {useState, div, render} from blorp;
const component = () => {
const [isClicked, setIsClicked] = useState(false);
return div([
div(isClicked ? "clicked" : "unclicked!"),
button({onClick: () => setIsClicked(true)}, "click me!!"),
]);
};blorp also supports nested hooks!
import {useState, div, h1, render} from blorp;
const component = div([
h1("Click below I guess!"),
() => {
const [isClicked, setIsClicked] = useState(false);
return div([
div(isClicked ? "clicked" : "unclicked!"),
button({onClick: () => setIsClicked(true)}, "click me!!"),
]);
}
]);