Show HN: Bepis – Crazy Format for HTML+CSS in JavaScript • Hacker News Board

Using document.createElement to create elements and element.appendChild(node) to add them is tedious. But once you have abstractions in place, like var menu = createMenu(), subMenu=createMenu(), menu.add(subMenu) it becomes very powerful and more fun to work with the DOM.

Re: Show HN: Bepis – Crazy Format for HTML+CSS in JavaScript

#9

Post by NohatCoder » Tue, Jan 07, 2020, 7:58 AM UTC

Time to shill my own alternative.

https://github.com/NoHatCoder/DOM_Maker

No parser, just a bunch of JavaScript functions that nest nicely, to create dense and readable DOM generation code.

Might be time for putting a 1.0 sticker on it.

As for Bepis, the mechanism by which elements nest seem complicated, as far as I understand it is controlled by sprinkling , and . throughout the string, I don't get why this would be necessary.

Re: Show HN: Bepis – Crazy Format for HTML+CSS in JavaScript

#10

Post by Robin_Message » Tue, Jan 07, 2020, 8:16 AM UTC

The comma and dot seem weird; curly braces would feel more natural to me. In your example, style isn't terminated by a dot, but other one liners are, which I'm assuming is just a typo else I'm really confused.

What's the advantage over JSX?