If you have ever attempted to reach international audiences through your websites, web applications, or e-commerce platforms, you have likely encountered the complexities of internationalization. To tailor our digital products to users worldwide, we must ensure that people can interact with our product in their native language and according to their culture-specific standards.

At first glance, we often perceive the process of internationalization (i18n) as merely translating text and perhaps reformatting dates. However, a more detailed examination
reveals numerous challenges, including, but not limited to:

• Setting the default language
• Translating strings
• Handling pluralization
• Adding relative time (e.g., 2 seconds ago)
• Displaying numbers with the appropriate radix character (3.000,00 or 3,000.00)

In my presentation, I will delve into the current JavaScript ecosystem for managing internationalization in React, addressing the problems mentioned above, and exploring the "ICU message" standard. I will showcase a website that contains the most common challenges we face in the real world. To conclude, I will examine unit testing strategies and apply them to the website's codebase.

A GitHub repository and slides will be available for sharing after the talk.

This presentation is targeted at individuals interested in learning best practices for handling internationalization on the web.