реакция-i18next
ВАЖНЫЙ:
Master Branch — новейшая версия, использующая хуки (>= v10).
$ > =v10.0.0
npm i react-i18next
React-Native: чтобы использовать перехватчики в React-Native, вы должны использовать React-Native v0.59.0 или выше.
Для устаревшей версии используйте ветку v9.xx.
$ v9.0.10 (legacy)
npm i react-i18next@legacy
Документация
Документация опубликована на сайте act.i18next.com, а изменения PR можно предоставить здесь.
Общая документация i18next опубликована на сайте www.i18next.com, а изменения PR можно предоставить здесь.
Как будет выглядеть мой код?
Раньше: ваш код реакции выглядел бы примерно так:
...
< 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>
...
После: С транс-компонентом просто измените его на:
...
< 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>
...
Что говорят другие
- Как правильно интернационализировать приложение React с помощью i18next Адриано Райано
- I18n с React и i18next через Alligator.io Дэнни Херлберта
- Полная локализация приложения React (Mobx) с помощью i18next через itnext.io Виктора Шевченко
- Интернационализация реакции сделана правильно Использование экосистемы i18next i18n через actjsexample.com
- Как перевести приложение React с помощью реакции-i18next через codetain.co, автор Норберт Суски
- Создание i18n с помощью Гэтсби через gatsbyjs.org Сэмюэля Гуди
- Получите стильный перевод вашего приложения act.js от Яна Мюлемана
- Переведите свое мобильное приложение expo.io/react-native от Яна Мюлемана
- Вы можете поделиться своей историей...
Почему i18next?
- Простота: не нужно менять конфигурацию веб-пакета или добавлять дополнительные транспиляторы Babel, просто используйте create-react-app и приступайте.
- Готовность к производству. Мы знаем, что для производства требуется больше, чем просто выполнение i18n на стороне клиента, поэтому мы предлагаем более широкую поддержку и на стороне сервера (nodejs, php, Ruby, .net, ...). Выучи один раз – переводи везде .
- Beyond i18n включает в себя locize, устраняющий разрыв между разработкой и переводами, охватывающий весь процесс перевода.
Рабочий процесс локализации
Хотите узнать больше о том, насколько гладким может быть процесс интернационализации и перевода?
посмотреть видео
Установка
Исходный код можно загрузить через npm или скачать из этого репозитория.
# npm package
$ npm install react-i18next
- Если вы не используете загрузчик модулей, он будет добавлен в
window.reactI18next
Хотите прочитать более полное пошаговое руководство?
Здесь вы найдете простое руководство о том, как лучше всего использовать React-i18next. Некоторые основы i18next и несколько интересных возможностей оптимизации рабочего процесса локализации.
Примеры
- Пример реакции
- Реагируйте на примеры с помощью машинописного текста
- Пример locize.com
образцы v9
- Пример реакции
- Пример преакта
- Пример реагирования на родной код
- Пример expo.io
- Пример next.js
- Пример розыгрыша
- Пример хеш-базы/браузера стаканов
- Пример сборника рассказов
- Пример locize.com
- Пример теста с шуткой
Требования
- реагировать >= 16.8.0
- реакция-дом >= 16.8.0
- реагировать на родной >= 0.59.0
- i18next >= 10.0.0 (пользователи машинописного текста: >=17.0.9)
v9
- реагирование >= 0.14.0 (в случае < v16 или preact вам нужно будет определить родителя в компоненте Trans или глобально в параметрах i18next.react)
- i18next >= 2.0.0
Основные участники
Спасибо этим замечательным людям (ключ смайлика):
Ян Мюлеманн ? | Адриано Райано ? | Педро Дурек ? | Тигр Аброди ? |
Этот проект соответствует спецификации всех участников. Вклад любого рода приветствуется!
Золотые спонсоры
локализация как услуга - locize.com
Нужен менеджмент переводов? Хотите редактировать свои переводы с помощью редактора InContext? Используйте оригинал, предоставленный вам сопровождающими i18next!
Используя locize, вы напрямую поддерживаете будущее i18next и Reaction-i18next.