okwolo
okwolo
is a small framework made to jumpstart projects by solving common web application challenges. The default okwolo package includes state management, layout and routing functionality. All modules have a common .use
function that accepts okwolo's configuration objects called blobs.
Documentation links | |
---|---|
kits | /docs/kits |
top level api | /docs/api |
element syntax | /docs/syntax |
blobs | /docs/blobs |
Example
let app = okwolo(document.body);
app.setState({
fruits: ['orange', 'apple', 'pear']
});
let FruitItem = ({type}) => (
['li.fruit', {}, [
type,
]]
);
app(() => ({fruits}) => (
['ul.fruit-list', {},
fruits.map((type) => (
[FruitItem, {type}]
)),
]
));
<ul class="fruit-list">
<li class="fruit">orange</li>
<li class="fruit">apple</li>
<li class="fruit">pear</li>
</ul>