Yeah it depends on your goals. For me, I wanted my markup to go from:
<div class="main-div">This is a main div i promise
<div class="content-div-shopping">Press any key to shop</div>
<div>Some other anonymous div</div>
<Main>This is a main div i promise
<Shopping>Press any key to shop</Shopping>
<Info>Some other anonymous div</Info>
I took a note out of how React does it, and I liked their approach to templating a lot. This is just so much easier to read than normal HTML, and fully encapsulates your CSS. YMMV though.