réagir-i18suivant
IMPORTANT:
Master Branch est la version la plus récente utilisant des hooks (>= v10).
$ > =v10.0.0
npm i react-i18next
React-native : Pour utiliser des hooks dans React-Native, vous devez utiliser React-native v0.59.0 ou supérieur
Pour la version héritée, veuillez utiliser la branche v9.xx
$ v9.0.10 (legacy)
npm i react-i18next@legacy
Documentation
La documentation est publiée sur react.i18next.com et les modifications PR peuvent être fournies ici.
La documentation générale d'i18next est publiée sur www.i18next.com et les modifications PR peuvent être fournies ici.
À quoi ressemblera mon code ?
Avant : votre code de réaction aurait ressemblé à :
...
< 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>
...
Après : avec le composant trans, remplacez-le simplement par :
...
< 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>
...
Ce que disent les autres
- Comment internationaliser correctement une application React à l'aide d'i18next par Adriano Raiano
- I18n avec React et i18next via Alligator.io par Danny Hurlburt
- Localisation ultime de l'application React (Mobx) avec i18next via itnext.io par Viktor Shevchenko
- Internationalisation pour réagir correctement Utilisation de l'écosystème i18next i18n via reactjsexample.com
- Comment traduire l'application React avec React-i18next via codetain.co par Norbert Suski
- Construire i18n avec Gatsby via gatsbyjs.org par Samuel Goudie
- Faites traduire votre application React.js avec style par Jan Mühlemann
- Traduisez votre application mobile expo.io/react-native par Jan Mühlemann
- Vous êtes invités à partager votre histoire...
Pourquoi i18next ?
- Simplicité : pas besoin de modifier la configuration de votre webpack ou d'ajouter des transpileurs babel supplémentaires, utilisez simplement create-react-app et c'est parti.
- Prêt pour la production, nous savons qu'il y a plus de besoins en production que de simplement faire i18n côté client, nous offrons donc également un support plus large côté serveur (nodejs, php, ruby, .net, ...). Apprenez une fois – traduisez partout .
- Beyond i18n est livré avec locize qui comble le fossé entre le développement et les traductions, couvrant l'ensemble du processus de traduction.
Flux de travail de localisation
Vous souhaitez en savoir plus sur la fluidité de votre processus d’internationalisation et de traduction ?
regarde la vidéo
Installation
La source peut être chargée via npm ou téléchargée à partir de ce référentiel.
# npm package
$ npm install react-i18next
- Si vous n'utilisez pas de chargeur de module, il sera ajouté à
window.reactI18next
Vous aimez lire un tutoriel étape par étape plus complet ?
Vous trouverez ici un didacticiel simple sur la meilleure façon d'utiliser React-i18next. Quelques bases d'i18next et quelques possibilités intéressantes pour optimiser votre flux de travail de localisation.
Exemples
- Exemple de réaction
- Réagissez des exemples avec du texte dactylographié
- Exemple localize.com
exemples v9
- Exemple de réaction
- Exemple de préacte
- Exemple de réaction native
- Exemple expo.io
- Exemple suivant.js
- Exemple de razzle
- Exemple de navigateur de base de hachage / bécher
- Exemple de livre d'histoires
- Exemple localize.com
- Exemple de test avec plaisanterie
Exigences
- réagir >= 16.8.0
- réagir-dom >= 16.8.0
- réagir-natif >= 0.59.0
- i18next >= 10.0.0 (utilisateurs dactylographiés : >=17.0.9)
v9
- réagir >= 0.14.0 (en cas de < v16 ou preact, vous devrez définir le parent dans le composant Trans ou globalement dans les options i18next.react)
- i18suivant >= 2.0.0
Contributeurs principaux
Merci à ces personnes merveilleuses (clé emoji) :
Jan Mühlemann ? | Adriano Raiano ? | Pedro Durek ? | Tigre Abrodi ? |
Ce projet suit la spécification de tous les contributeurs. Les contributions de toute nature sont les bienvenues !
Commanditaires Or
localisation en tant que service - locize.com
Besoin d'une gestion de traduction ? Vous souhaitez éditer vos traductions avec un éditeur InContext ? Utilisez l'original fourni par les responsables d'i18next !
En utilisant locize, vous soutenez directement l'avenir d'i18next et de réagissez-i18next.