#HTML developing, editing dirty HTML produced by a Word Perfect export, is so much better with #Clojure hiccup and structural editing. This is a powerful, easy, much less repetitive solution. As someone who has done his fair share of HTML editing (even with good tooling!) I can definitively say, this is how HTML was meant to be.
- syntax far cleaner. `[:div.someclass ,,,]` instead of `<div class='someclass'> ,,, </div>`
- Clojure comment syntax, #_ for commenting out an entire branch of the dom, or just an arg of an HTML element
- Lisp structural editing: lisp syntax is ideal for manipulating trees like the DOM. Add, remove, translate DOM sections, easily moving a complex many-branched element to/from within another many-branched element, never worrying about missing a tag closing or misplacing an opening.
- Reagent bonus: have React.js' help informing you about problematic structures
- Reagent + Figwheel/Shadow bonus: watch your html changes instantly shown in your other browser an the side
The file would look like export const GenericButton = styled.button`
border-radius: 10px
...
`;