Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Formatjs | 13,925 | 7,980 | 3,748 | 7 days ago | 321 | November 14, 2023 | 39 | TypeScript | ||
The monorepo home to all of the FormatJS related libraries, most notably react-intl. | ||||||||||
React I18next | 8,610 | 1,307 | 3,525 | a day ago | 297 | November 15, 2023 | 14 | mit | JavaScript | |
Internationalization for react done right. Using the i18next i18n ecosystem. | ||||||||||
Vue I18n | 7,145 | 2 | 2 months ago | 4 | May 11, 2022 | 242 | mit | JavaScript | ||
:globe_with_meridians: Internationalization plugin for Vue.js | ||||||||||
I18next | 7,105 | 4,695 | 4,813 | a day ago | 454 | November 28, 2023 | 20 | mit | JavaScript | |
i18next: learn once - translate everywhere | ||||||||||
Globalize | 4,767 | 1,115 | 366 | 9 months ago | 70 | August 02, 2021 | 143 | mit | JavaScript | |
A JavaScript library for internationalization and localization that leverages the official Unicode CLDR JSON data | ||||||||||
Js Lingui | 3,984 | 47 | 132 | a day ago | 99 | September 14, 2023 | 35 | mit | TypeScript | |
🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript | ||||||||||
Weblate | 3,921 | 10 | 1 | a day ago | 116 | November 22, 2023 | 440 | gpl-3.0 | Python | |
Web based localization tool with tight version control integration. | ||||||||||
Fbt | 3,830 | 3 | 9 | 13 days ago | 62 | April 13, 2022 | 55 | mit | JavaScript | |
A JavaScript Internationalization Framework | ||||||||||
Kiwi | 2,387 | 3 | 12 | a month ago | 8 | August 18, 2022 | 14 | TypeScript | ||
🐤 Kiwi-国际化翻译全流程解决方案 | ||||||||||
Icu | 2,298 | 1,791 | 520 | a day ago | 61 | October 30, 2023 | 78 | other | C++ | |
The home of the ICU project source code. |
Master Branch is the newest version using hooks (>= v10).
$ >=v10.0.0
npm i react-i18next
react-native: To use hooks within react-native, you must use react-native v0.59.0 or higher
For the legacy version please use the v9.x.x Branch
$ v9.0.10 (legacy)
npm i react-i18next@legacy
The documentation is published on react.i18next.com and PR changes can be supplied here.
The general i18next documentation is published on www.i18next.com and PR changes can be supplied here.
Before: Your react code would have looked something like:
...
<div>Just simple content</div>
<div>
Hello <strong title="this is your name">{name}</strong>, you have {count} unread message(s). <Link to="/msgs">Go to messages</Link>.
</div>
...
After: With the trans component just change it to:
...
<div>{t('simpleContent')}</div>
<Trans i18nKey="userMessagesUnread" count={count}>
Hello <strong title={t('nameTitle')}>{{name}}</strong>, you have {{count}} unread message. <Link to="/msgs">Go to messages</Link>.
</Trans>
...
Head over to the interactive playground at codesandbox.
Want to learn more about how seamless your internationalization and translation process can be?
Source can be loaded via npm or downloaded from this repo.
# npm package
$ npm install react-i18next
window.reactI18next
Here you'll find a simple tutorial on how to best use react-i18next. Some basics of i18next and some cool possibilities on how to optimize your localization workflow.
Thanks goes to these wonderful people (emoji key):
Jan Mühlemann 💻 💡 👀 📖 💬 |
Adriano Raiano 💻 💡 👀 📖 💬 |
Pedro Durek 💻 💡 👀 💬 |
Tiger Abrodi 💻 👀 |
This project follows the all-contributors specification. Contributions of any kind are welcome!
localization as a service - locize.com
Needing a translation management? Want to edit your translations with an InContext Editor? Use the original provided to you by the maintainers of i18next!
By using locize you directly support the future of i18next and react-i18next.