React Интеграция

React i18n без лишних настроек.

Отправляйте файлы локализации JSON, переводите с помощью ИИ, получайте типобезопасные определения. Режим моста позволяет использовать i18next или React Intl — i1n позаботится об инфраструктуре.

$ npx i1n init

src/pages/Settings.tsx

import { t } from 'i1n'

function SettingsPage() {
  return (
    <div>
      <h1>{t('settings.title')}</h1>
      <label>{t('settings.notifications')}</label>
      <p>{t('settings.save_hint')}</p>
      {/* ↑ Every key is autocompleted */}
    </div>
  )
}

Почему команды React используют i1n?

Режим моста для i18next и React Intl

Уже используете i18next или React Intl? Сохраните вашу настройку. i1n управляет файлами и типами, не изменяя код вашего приложения.

TypeScript-first

Каждый pull i1n генерирует i1n.d.ts. Ваш IDE знает каждый ключ. Ваш компилятор обнаруживает отсутствующие переводы.

Поддержка вложенных JSON

Используйте плоский или вложенный JSON — i1n обрабатывает оба варианта. Ключи внутри записываются через точку для единообразия.

Нулевая зависимость во время выполнения

i1n работает во время сборки. SDK не требуется в продакшене — только ваши файлы локализации JSON и существующая библиотека i18n.

Начните локализацию вашего React-приложения

Бесплатно навсегда. Кредитная карта не требуется.

Начать бесплатно