Search code examples
reactjslocalizationinternationalizationtranslate

Which one should be used in React, l10n or i18n?


I have a webpage in React and I wanted to use l10n (localization) but only find information about i18n (internationalization), so I don't know if l10n exists for React or if I'm forced to use i18n.


Solution

  • l10n stands for localization and i18n stands for internationalization.

    Localization is the process of guaranteeing your resources are focused on the requirements of one specific audience. The use of it is about adapting your entire content so that it meets the norms and expectations of a specific location or market.

    To know more about localization, have a look at this blog post.

    The internationalization process covers the design and development. So basically it is the task of instrumentalization (adaption) of your software code to be ready to be localized (not only translated) for other languages, regions and cultures. Think about ltr or rtl, currencies, date formats, etc... Usually an i18n framework is used to help with this tasks. Since you're talking about React.js, you may have a look at this step by step guide for react-i18next.

    To know more about internationalization, have a look at this blog post.

    There is also globalization, for that have a look at this.

    So tldr; There's a lot to think about when internationalizing a webpage. More information can be found here: