How Major Frontend Libraries Handle i18n

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • This article will show how three major frontend libraries handle localization and how you can use them to create multilingual applications. You can see the code shown here on GitHub.

  • core

    The internationalization (i18n) library for Angular (by ngx-translate)

  • ngx-translate

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • transloco

    🚀 😍 The internationalization (i18n) library for Angular

  • transloco

  • ngx-translate-messageformat-compiler

    Advanced pluralization (and more) for ngx-translate, using standard ICU syntax which is compiled with the help of messageformat.js.

  • Pluralization and gender formatting aren’t included with ngx-translate. However, there is a plugin to handle these features, and it’s recognized by the official ngx-translate library.

  • React Intl

    The monorepo home to all of the FormatJS related libraries, most notably react-intl.

  • react-intl (now called format.js)

  • react-i18next

    Internationalization for react done right. Using the i18next i18n ecosystem.

  • react-i18next

  • i18next

    i18next: learn once - translate everywhere

  • While both are popular (12,000 and 6,000 GitHub stars, respectively), react-i18next seems to have won developers over. This library has the added benefit of belonging to the i18next ecosystem, a translation framework offering support to React, React Native, and Electron, among others. Developers can learn it once and easily translate it into many different frameworks.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • Strapi

    🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first.

  • You can cut down on development time with Strapi. With its internationalization plugin, you can create different content versions for each language and country in an easy-to-use editor. All your content is available through API endpoints, allowing you to easily connect your frontend. Whether you’re developing for the web or for mobile, Strapi can help you with your localization process.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts