React Intl
The monorepo home to all of the FormatJS related libraries, most notably react-intl. (by formatjs)
transloco
🚀 😍 The internationalization (i18n) library for Angular (by jsverse)
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.io
featured
| React Intl | transloco | |
|---|---|---|
| 19 | 15 | |
| 14,068 | 1,935 | |
| 0.2% | 1.0% | |
| 9.2 | 9.0 | |
| 7 days ago | 5 days 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.
transloco
Posts with mentions or reviews of transloco.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-11-17.
-
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.
-
Internationalization best practices for front-end developers
For Svelte.. not sure if there's a best package.
[0] https://github.com/ngneat/transloco
-
Episode 23/23: Hydration in Angular, Angular Community Meetup
Transloco 4.3: ChangeLog
-
Angular 16 Unveiled: Discover the Top 7 Features
We migrated from ngx-translate to Transloco ~2 years ago and it was quite painless. They have nice migration section for ngx-translate
-
Is the official angular/@localize i18n lib really the go to for localization?
You can take a look at Transloco. We use it all our projects.
-
Translate or Localize for a new web project
I find Transloco a lot easier to work with compared to lokalize: https://ngneat.github.io/transloco/
-
is it possible to serve locales based on browser language setting?
I'd recommend https://ngneat.github.io/transloco/
- Ng-News: Issue 22/12
-
How to use Angulars i18n in ongoing development?
There are a lot of tools available, but many depend on your budget. I personally enjoy Transloco.
-
Internationalization file maintenance for lazy loaded modules - Built in module
ngx-translate is in maintenance mode and won't be develop any further (see https://github.com/ngx-translate/core/issues/783). I would highly recommend to use Transloco instead (https://ngneat.github.io/transloco/). It has same functionality as ngx-translate. Last time I checked ngx-translate doesn't actually lazyLoad translations properly but Transloco does.
What are some alternatives?
When comparing React Intl and transloco you can also consider the following projects:
i18next - i18next: learn once - translate everywhere
ngx-translate-messageformat-compiler - Advanced pluralization (and more) for ngx-translate, using standard ICU syntax which is compiled with the help of messageformat.js.
react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
next-intl - Internationalization (i18n) for Next.js that gets out of your way. 🌐
jsLingui - 🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript
angular-i18n-example - Angular internationalization example with @angular/localize
polyglot - Give your JavaScript the ability to speak many languages.
core - The internationalization (i18n) library for Angular
react-toastify - React notification made easy 🚀 !
Angular - Deliver web apps with confidence 🚀
React Intl vs i18next
transloco vs ngx-translate-messageformat-compiler
React Intl vs react-i18next
transloco vs react-i18next
React Intl vs next-intl
transloco vs i18next
React Intl vs jsLingui
transloco vs angular-i18n-example
React Intl vs polyglot
transloco vs core
React Intl vs react-toastify
transloco vs Angular