0.0.2 • Published 11 months ago
micro-js-html v0.0.2
micro-js-html
It's actually just javascript
General Notes
- basic html as js library to be used on client or server
- compatible with node 12+
- lightweight (no advanced features as seen in react or angular)
- intended to play nice with micro-js (microservice api framework)
- the base load time, from local (micro-js) server to first client dom render, is <50ms
- see tests for examples
- need lots of other tag support (in active development)
Basic Usage
// server-side
function getRequestHandler(req, res) {
let htmlContent = html(body(
div({class: 'test' },
p('this is a test paragraph'),
a({ href: 'https://google.com' }, 'go to google')
)
)).render()
res.writeHead(200, { ['content-type']: 'text/html' })
res.end(htmlContent)
}
// client-side
async function main() {
(await waitForElement('body')).innerHTML = div({ class: 'test' },
p('this is a test paragraph'),
a({ href: 'https://google.com' }, 'go to google')
).render()
}
main().then(() => console.log('ready!'))