React Intl
The monorepo home to all of the FormatJS related libraries, most notably react-intl. (by formatjs)
core
The internationalization (i18n) library for Angular (by ngx-translate)
Our great sponsors
| React Intl | core | |
|---|---|---|
| 19 | 27 | |
| 14,059 | 4,461 | |
| 0.3% | 0.5% | |
| 9.2 | 1.5 | |
| 7 days ago | about 2 months ago | |
| TypeScript | TypeScript | |
| BSD 3-clause "New" or "Revised" License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
React Intl
Posts with mentions or reviews of React Intl.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-03-23.
-
Big Numbers, No Worries: JavaScript Format Number With Commas
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.
-
45 NPM Packages to Solve 16 React Problems
react-intl
- Internationalization best practices for front-end developers
-
Simple question
Looks like react has an npm package for internationalizing too. https://www.npmjs.com/package/react-intl
-
Formatting data like a pro in JavaScript
Format.JS
- Best approach to making multi-language static site?
-
What's a good JS library for handling the quiz portion (grading, etc.) of an e-learning web application (needs to have multi-language support)?
React i18n: Documentation: https://formatjs.io/docs/react-intl/ Source Code: https://github.com/formatjs/formatjs
-
i18n for react, formatjs, react-intl
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.
-
Next.js internationalization (i18n) tutorial
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.
-
I18N in the Multiverse of Formats
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.
core
Posts with mentions or reviews of core.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-11-17.
- Support for 40 locales on angular 17 standalone - how?
-
Coping with i18n
Some libraries support ways to handle missing translations (e.g., TranslocoMissingHandler from Transloco or MissingTranslationHandler from ngx-translate). So that's a way to find out any missing translations, but that's quite manual because you have to go over every part of the served application.
-
Differences ngx-translate vs i18n
ngx-translate
-
Angular 16 Unveiled: Discover the Top 7 Features
It was rather painless. We are using ngx-translate which seems dead at this point but works fine in 16 (seems to have gotten a recent commit).
- Angular 6 - i18n vs. ngx-translate
-
migrating old project to angular, need advice and recommendation on best practices
The problem with Angular 15 was the Ivy engine. And it wasn't fixed, maybe you're not affected. https://github.com/ngx-translate/core/issues/1185
-
Is the official angular/@localize i18n lib really the go to for localization?
He talks about it more here: https://github.com/ngx-translate/core/issues/783
-
i18n in angular
Ngx-translate is not updated anymore. Latest version is a year old. It's still not abandoned but it seems like the developer moved on to work on Angular i18n.
-
What's needed for ionic internationalization?
Just to refer to the original docs: https://github.com/ngx-translate/core
-
Dynamic translations in Angular made possible
One of the common pitfalls when using i18n are large translation files size and inability to split them in order to hide parts of your application from prying eyes. Some solutions like Angular built-in implementation are really powerful and SEO compatible but require a lot of preparation and do not support switching languages on the fly in development mode (which was causing troubles at least in version 9); other solutions like ngx-translate require you to install several packages and still don’t support splitting up a single language.
What are some alternatives?
When comparing React Intl and core you can also consider the following projects:
i18next - i18next: learn once - translate everywhere
i18n-ally - 🌍 All in one i18n extension for VS Code
react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
ng-zorro-antd - Angular UI Component Library based on Ant Design
next-intl - Internationalization (i18n) for Next.js that gets out of your way. 🌐
transloco - 🚀 😍 The internationalization (i18n) library for Angular
jsLingui - 🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript
ngx-translate-messageformat-compiler - Advanced pluralization (and more) for ngx-translate, using standard ICU syntax which is compiled with the help of messageformat.js.
polyglot - Give your JavaScript the ability to speak many languages.
Mycodo - An environmental monitoring and regulation system
react-toastify - React notification made easy 🚀 !
ng-conditional-validator - Angular library help you to build reactive forms dynamic validation