Soy ingeniero de redes ópticas, por lo que aparentemente el desarrollo web no es mi carrera. pero de vez en cuando construyo aplicaciones web para ayudarme a mí y a mis compañeros de trabajo a hacer algunas cosas de automatización. Con el fin de crear la parte html, estoy tratando de evitar en la medida de lo posible reaccionar y librerías similares, ya que la mayoría de las veces estoy creando aplicaciones pequeñas. así que realmente no lo necesito. de lo que dependo es de crear plantillas html con algunas variables JS y luego agregarlas a mi documento. algo como a continuación: -

 <div class="randomClass">${divLabel}</div>

Luego, cuando necesitaría agregar esta plantilla a HTML desde JS, hago esto: -

 var template = `<div class="randomClass">${divLabel}</div>` $("body").append(template )

por supuesto, con una escala de plantillas HTML más grande, por lo que createElement no es fácil ya que la plantilla HTML será mucho más grande. entonces veo que esto es más fácil que usar createElement para cada elemento y así sucesivamente.

¿Está bien seguir con esto? o me estoy perdiendo algún punto que tal vez me afecte en el futuro?

Gracias geniales.