preact-html
v2.0.3
Published
Turn HTML strings into Preact VNodes
Downloads
28
Readme
preact-html
Turn HTML strings into Preact VNodes. The functional version of preact-markup.
Why
This satisifies my use case of being able to modify vnodes before render. If you'd like to replace class names on the markup, you may want to try this library, otherwise I'd probably go with the better tested preact-markup.
Usage
const { CSS, HTML, render } = require('vcom')
const html = require('preact-html')
const css = CSS(`
.blue {
background: blue;
}
`)
const vnodes = html('<h2 class="blue"><strong>hi there!</strong></h2>', {
h2 (props) {
return HTML.h3.class(props.class)(props.children)
}
})
const div = css(HTML.div(vnodes))
render(div, document.body)
// <div><h3 class="_1nxhvta"><strong>hi there!</strong></h3></div>
Credits
@developit wrote 99% of this.
License
MIT