An example for a dev tip: https://www.youtube.com/watch?v=UJrkauaA7-I&list=PLV5CVI1eNcJgCrPH_e6d57KRUTiDZgs0u

tagged-template-literal.js

// tagging strings
const language = 'de'
const user = {
  name: 'Kent C. Dodds',
  birthday: new Date(1988, 9, 18)
}
const translated = translate`
  <div>
    ${'t.hello'} ${user.name}, ${'t.yourBirthdayIs'} ${user.birthday}
  </div>
`

console.log('translated:', translated)

function translate(literalStrings, ...interpolations) {
  const translations = getTranslations(language)
  return literalStrings.reduce((fullString, literalString, index) => {
    let interpolation = String(interpolations[index] || '')
    if (interpolation.startsWith('t.')) {
      interpolation = translations[interpolation.slice(2)]
    }
    return `${fullString}${literalString}${interpolation}`
  }, '')
}

function getTranslations(lang) {
  if (lang === 'en') {
    return {
      hello: 'Hello',
      yourBirthdayIs: 'your birthday is',
    }
  } else if (lang === 'de') {
    return {
      hello: 'Hallo',
      yourBirthdayIs: 'hast du Geburtstag',
    }
  }
}