The ability to use a system across different locals based on the region.

✅According to W3C:

Internalization_ is the design and development of a product, application or document content that enables easy localization for target audiences that vary in culture, region or language._

Internalization_ is often written in English as i18n, where 18 is the number of letters between i and n in the English word._

Localization_ is sometimes written in English as l10n, where 10 is the number of letters in the English word between l and n._

---

Translation using React-intl

Translations work with plain text only not code. So the translations with variables need to be formatted and split into String template and runtime data.

<span>Hello {name}</span>

The String template goes to translator and runtime data remains in code. This is achieved by the Standard ICU (International Components For Unicode) Message Format.

#react #formatjs #react-intl #internationalization #translation