I could sit here and recommend certain HTML-to-Hiccup converters, but to be honest I haven't gotten a chance to use many of them yet since I literally discovered that it was a thing (that works) earlier today. If you just google "HTML to hiccup converter" there should be plenty of options to choose from.
I straight up ctrl-A'ed the whole HTML window from the codepen mentioned above and put in into a respected HTML-to-Hiccup converter, and this is what it returned to me:
When I first loaded up the page I shed a small baby unicorn tear because the cool dancing text did not load as I had hoped. When I opened the chrome dev console with Ctrl + Shift + i then I was able to see the problems. Luckily, the errors told me exactly what was wrong and exactly how to fix it.
When I changed to hiccup to say viewBox and xlinkHref it all worked! So, the lesson is that if you are comfortable with HTML syntax (or HTML-like syntax) and heavy been thrown into a Reagent project (or other frontend project that uses Hiccup markup) then you can/should lean on these HTML-to-Hiccup converters to make your life easier sometimes. That is all! Have fun. :)
The posts on this site are written and maintained by Jim Lynch. About Jim...