Maintaining Multi-language Angular Applications with i18n

Discover the possibilities of Angular internationalization (i18n) and localization (l10n)

Illustration by Vero Karén — Twitter 🐦

Angular i18n and the localizing of applications had an overhaul with version 9, enabled by the new rendering engine Ivy. In this article, we take a closer look at how this built-in package of Angular now works, while pointing out the benefits and drawbacks we find.

We then set up an application with Angular internationalization and go through the complete process from marking texts for translation, extracting them to translation files, and how we manage these files to get the application deployed and maintained while keeping users all over the world happy with our translations.

And speaking of international, if you prefer reading in Spanish:

• Cómo mantener las traducciones de una app Angular con i18n

Internationalization and localization

It’s easy to get confused with the terms internationalization (i18n) and localization (i10n), and where to draw the line between them. Internationalization is the process of designing your application so that it can be adapted to different locales around the world while localization is the process of building the…