react i18next

reaccionar-i18siguiente

IMPORTANTE:

Master Branch es la versión más nueva que utiliza ganchos (>= v10).

$ > =v10.0.0
npm i react-i18next

reaccionar-nativo: Para usar ganchos dentro de reaccionar-nativo, debe usar reaccionar-nativo v0.59.0 o superior

Para la versión heredada, utilice la rama v9.xx.

$ v9.0.10 (legacy)
npm i react-i18next@legacy

Documentación

La documentación está publicada en react.i18next.com y los cambios de relaciones públicas se pueden proporcionar aquí.

La documentación general de i18next está publicada en www.i18next.com y los cambios de relaciones públicas se pueden proporcionar aquí.

¿Cómo se verá mi código?

Antes: su código de reacción se habría visto así:

...
< 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>
...

Después: Con el componente trans simplemente cámbielo a:

...
< 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>
...

lo que otros dicen

• Cómo internacionalizar correctamente una aplicación React usando i18next por Adriano Raiano
• I18n con React e i18next a través de Alligator.io por Danny Hurlburt
• Localización definitiva de la aplicación React (Mobx) con i18next a través de itnext.io por Viktor Shevchenko
• Internacionalización para reaccionar bien hecha Usando el ecosistema i18next i18n a través de reactjsexample.com
• Cómo traducir la aplicación React con react-i18next a través de codetain.co por Norbert Suski
• Construyendo i18n con Gatsby a través de gatsbyjs.org por Samuel Goudie
• Obtenga su aplicación react.js traducida con estilo por Jan Mühlemann
• Traduzca su aplicación móvil expo.io/react-native por Jan Mühlemann
• Eres bienvenido a compartir tu historia...

¿Por qué i18next?

• Simplicidad: no es necesario cambiar la configuración de su paquete web ni agregar transpiladores de Babel adicionales, solo use create-react-app y listo.
• Listo para producción, sabemos que hay más necesidades de producción que simplemente hacer i18n en el lado del cliente, por lo que también ofrecemos soporte más amplio en el lado del servidor (nodejs, php, ruby, .net, ...). Aprenda una vez y traduzca en todas partes .
• Beyond i18n viene con locize, que cierra la brecha entre el desarrollo y las traducciones, cubriendo todo el proceso de traducción.

Flujo de trabajo de localización

¿Quiere saber más sobre lo fluido que puede ser su proceso de internacionalización y traducción?

mira el vídeo

Instalación

La fuente se puede cargar a través de npm o descargar desde este repositorio.

 # npm package
$ npm install react-i18next

• Si no utiliza un cargador de módulos, se agregará a window.reactI18next

¿Quieres leer un tutorial paso a paso más completo?

Aquí encontrará un tutorial sencillo sobre cómo utilizar mejor react-i18next. Algunos conceptos básicos de i18next y algunas posibilidades interesantes sobre cómo optimizar su flujo de trabajo de localización.

Ejemplos

• ejemplo reaccionar
• Reaccionar ejemplos con mecanografiado
• Ejemplo locize.com

muestras v9

• ejemplo reaccionar
• Ejemplo preacto
• Ejemplo de reacción nativa
• Ejemplo expo.io
• Ejemplo siguiente.js
• Ejemplo de alboroto
• Ejemplo de navegador de hashbase/beaker
• Ejemplo de libro de cuentos
• Ejemplo locize.com
• Ejemplo de prueba con broma

Requisitos

• reaccionar >= 16.8.0
• reaccionar-dom >= 16.8.0
• reaccionar-nativo >= 0.59.0
• i18next >= 10.0.0 (usuarios mecanografiados: >=17.0.9)

v9

• reaccionar >= 0.14.0 (en caso de < v16 o preact necesitarás definir el padre en el componente Trans o globalmente en las opciones de i18next.react)
• i18siguiente >= 2.0.0

Colaboradores principales

Gracias a estas maravillosas personas (tecla emoji):

Jan Mühlemann ?

Adriano Rayano ?

Pedro Durek ?

tigre abrodi ?

Este proyecto sigue la especificación de todos los contribuyentes. ¡Las contribuciones de cualquier tipo son bienvenidas!

---

Patrocinadores de oro

---

localización como servicio - locize.com

¿Necesitas una gestión de traducción? ¿Quieres editar tus traducciones con un editor InContext? ¡Utilice el original que le proporcionaron los mantenedores de i18next!

Al utilizar locize, respalda directamente el futuro de i18next y react-i18next.

---