ANandrewla·May 11, 2020
An interesting native approach; there have been library-based approaches to this that date back a while.
Laconic (https://github.com/joestelmach/laconic) is one of the oldest that I'm aware of, and suffers from some jsquery-ness:
$.el.div({'class' : 'example'},
$.el.div('content'));
Pithy (https://github.com/caolan/pithy) is another; uses function syntax to get the effect of the tag name. This was discussed previously on hn, https://news.ycombinator.com/item?id=5486239
html.div('#main', [
html.h1(null, 'Hello, world!'),
html.img({src: 'foo.jpg'})
]);
In that discussion, there are various other implementations of similar ideas - https://github.com/markgandolfo/el.js and https://github.com/insin/DOMBuilder and https://github.com/jed/domo and so on.
el.js came to my attention a long time ago, and I ended up
Read the rest
writing a clone that I have used in my personal projects since the library almost writes itself once you steal the basic idea.
Using function application is the easiest way to get the effect of TFA's syntax without the cumbersome overloading of braces.