reply to https://layer8.space/@ecmascript_news@mastodon.online/110514460818895532

template_backtick_strings.js

const smartQueryString = ((strs, ...params) => {
  let ret = ''
  for (let i = 0; i < strs.length - 1; ++i) {
    const str = strs[i]
    const param = params[i]
    // or whatever escaping method is appropriate
    ret += str + encodeURIComponent(param)
  }
  return ret
})

const sqs = smartQueryString

// only thing changed now is sqs prepended to the string
fetch(sqs`/api/cities?country=${country}`)
  .then(response => response.json())
  .then(json => {
    if (!ignore) {
      setCities(json);
    }
  });