react-intl-example VS React Intl

Here is a working example of React app with multiple languages: https://github.com/localizely/react-intl-example

All code samples are available on the GitHub repo.

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.