react-i18next

WebJar for react-i18next

License

License

MIT
Categories

Categories

React User Interface Web Frameworks
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

react-i18next
Last Version

Last Version

10.11.5
Release Date

Release Date

Type

Type

jar
Description

Description

react-i18next
WebJar for react-i18next
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/i18next/react-i18next

Download react-i18next

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/react-i18next/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>react-i18next</artifactId>
    <version>10.11.5</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/react-i18next/
implementation 'org.webjars.npm:react-i18next:10.11.5'
// https://jarcasting.com/artifacts/org.webjars.npm/react-i18next/
implementation ("org.webjars.npm:react-i18next:10.11.5")
'org.webjars.npm:react-i18next:jar:10.11.5'
<dependency org="org.webjars.npm" name="react-i18next" rev="10.11.5">
  <artifact name="react-i18next" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='react-i18next', version='10.11.5')
)
libraryDependencies += "org.webjars.npm" % "react-i18next" % "10.11.5"
[org.webjars.npm/react-i18next "10.11.5"]

Dependencies

compile (2)

Group / Artifact Type Version
org.webjars.npm : babel__runtime jar [7.3.1,8)
org.webjars.npm : html-parse-stringify2 jar [2.0.1]

Project Modules

There are no modules declared in this project.

react-i18next Tweet

CircleCI Code Climate Coverage Status Quality dependencies devdependencies

IMPORTANT:

Master Branch is the new v10 using hooks.

$ 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

Documentation

The documentation is published on react.i18next.com

What will my code look like?

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.

📖 What others say

Why i18next?

  • Simplicity: no need to change your webpack configuration or add additional babel transpilers, just use create-react-app and go.
  • Production ready we know there are more needs for production than just doing i18n on the clientside, so we offer wider support on serverside too (nodejs, php, ruby, .net, ...). Learn once - translate everywhere.
  • Beyond i18n comes with locize bridging the gap between developement and translations - covering the whole translation process.

ecosystem

Localization workflow

Want to learn more about how seamless your internationalization and translation process can be?

video

watch the video

Installation

Source can be loaded via npm or downloaded from this repo.

# npm package
$ npm install react-i18next
  • If you don't use a module loader it will be added to window.reactI18next

Examples

v9 samples

Requirements

  • react >= 16.8.0
  • react-dom >= 16.8.0
  • react-native >= 0.59.0
  • i18next >= 10.0.0 (typescript users: >=17.0.9)

v9

Core Contributors

Thanks goes to these wonderful people (emoji key):


Jan Mühlemann

💻 💡 📖 💬

Adriano Raiano

💻 💡 📖 💬

Tiger Abrodi

💬 💻 👀

This project follows the all-contributors specification. Contributions of any kind are welcome!


Gold Sponsors


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!

locize

With using locize you directly support the future of i18next and react-i18next.


org.webjars.npm

i18next

Organization for i18next.com and anything i18next related.

Versions

Version
10.11.5
10.6.1
9.0.10
7.7.0
7.6.1
1.6.3