hyperscript VS vhtml

As far as I can tell, Preact uses a custom pragma (a “directive” that tells a compiler how to handle the input), named h by the creator of Preact because the original idea for a JSX-like builder function was called hyperscript, to do pretty much the same thing React’s React.createElement() is doing. Because this function isn’t namespaced to Preact though, it has to be imported separately.

I just wonder if there's a significant performance impact, but as you said preact or even something simpler that supports JSX, like https://github.com/developit/vhtml could be used to speed it up

Frameworks definitely help solve this problem in part. But you don't need to go that far just for something simple like this. For example you could use htm plus vhtml to get a no-build tools way to write declarative HTML markup that is translated into a plain HTML string. Or for just a few more kb, you can use htm + preact to get all of the power of React for about 13kb, again with no build tools or setup.

Ada satu library bagus yang mengubah jsx element menjadi plain html string yang bisa dipakai sebagai dasar untuk percobaan membuat view engine expressjs. Yaitu vhtml yang dibuat oleh creator preact.