One thing JavaScript template literals are great at is little blocks of HTML. Like:
// Probably from some API or whatever
const data = {
title: "Title",
content: "Content"
};
const some_html = `
<div class="module">
<h2>${data.title}</h2>
<p>${data.content}</p>
</div>
`;
You know those super cool backticks-for-strings in new JavaScript?
let emotion = `happy`;
let sentence = `Chris is feeling ${emotion}`;Besides the variable interpolation in there being mighty handy, the do multi-line strings wonderfully, making them great for chunks of …
In Part 1, I went over various functional-style techniques for cleanly rendering HTML given some JavaScript data. We broke our UI up into component functions, each of which returned a chunk of markup as a function of some data. …
Last month Chris Coyier wrote a post investigating the question, “When Does a Project Need React?” In other words, when do the benefits of using React (acting as a stand-in for data-driven web frameworks in general), rather than server-side templates …
The Template Literal, introduced in ES6, is a new way to create a string. With it comes new features that allow us more control over dynamic strings in our programs. Gone will be the days of long string concatenation!
To …
