react-native-localize VS React Intl

{I18n.t("hello")} https://github.com/zoontek/react-native-localize

Translation isn't really a react native specific issue, the web/react also needs to be able to support this. You shouldn't need anything fancy to translate, but strings would need to be localized via https://github.com/zoontek/react-native-localize or https://github.com/globalizejs/globalize. With regards to translating the library, you can either use https://github.com/ds300/patch-package to localize all the strings for your own use or submit a PR to the library. I am also assuming that you have no flexibility on what text is being displayed when using the libraries' API (ex: headerTitle in react-navigation) because in that case it is related to translating your own app.

1. react-native-localize

You can use a third-party library, which is a bunch of code that someone else wrote for you. Many awesome third-party libraries can format numbers with commas in JavaScript. For example, you can try Numeral.js, Accounting.js, or Format.js.

react-intl

Looks like react has an npm package for internationalizing too. https://www.npmjs.com/package/react-intl

Format.JS

React i18n: Documentation: https://formatjs.io/docs/react-intl/ Source Code: https://github.com/formatjs/formatjs

de { key1 { "Deutsche Sprache " "schwere Sprache" } key2 { "Düsseldorf" }} I've found this library http://formatjs.io/react/. http://formatjs.io/ supports ICU, however I can't find any good example how to wire my language files with my app.

As we mentioned earlier, the Next.js works well with existing i18n libraries (react-intl, lingui, next-intl, and similar). In this tutorial, we will use the react-intl.

The second format is the ICU Message Format. There are multiple JavaScript modules implementing the ICU message syntax. One of the most used is intl-messageformat by Format.js. It is used behind the scenes also in react-intl.