String literals in ES6

String literals in ES6 is a very handy tool, so instead of writing


'< div class="abc">' + data.item + '< /div>'
+ '< div class="cde">' + data.item2 + '< /div>'

you can write


`< div class="abc">${data.item}< /div>`
+ `< div class="cde">${data.item2}< /div>`

However, there is one catch: you have to use a backtick ` around your string with the js string literal. I completely missed the backtick part when I first started using it so spend ages trying to figure out why my string literals arent working ;)