React 集成

无需样板代码即可进行 React i18n。

推送 JSON 语言文件，通过 AI 进行翻译，拉取类型安全的定义。桥接模式可让您保留 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

每次 i1n 拉取都会生成 i1n.d.ts。您的 IDE 知道每个键。您的编译器会捕获缺失的翻译。

嵌套式 JSON 支持

使用扁平或嵌套的 JSON — i1n 都支持。为保持一致性，内部键使用点表示法。

零运行时依赖

i1n 在构建时工作。生产环境中无需 SDK — 只需您的 locale JSON 文件和现有的 i18n 库。

开始本地化您的 React 应用

永久免费。无需信用卡。

免费开始