React i18n einfach gemacht

Setup

Installation & Setup

Get started with @better-i18n/use-intl in three steps — install, wrap your app with the provider, and start translating.

npm install @better-i18n/use-intl use-intl

import { BetterI18nProvider } from '@better-i18n/use-intl';

function App() {
  return (
    <BetterI18nProvider project="your-org/your-project" locale="en">
      <YourApp />
    </BetterI18nProvider>
  );
}

import { useTranslations } from '@better-i18n/use-intl';

function MyComponent() {
  const t = useTranslations('common');
  return <h1>{t('welcome')}</h1>;
}

Capabilities

Features

Starten Sie in Minuten mit Better I18N in Ihrer React‑App.

import { useTranslations } from '@better-i18n/use-intl';

function MyComponent() {
  const t = useTranslations('common');

  return (
    <div>
      <h1>{t('welcome')}</h1>
      <p>{t('greeting', { name: 'World' })}</p>
    </div>
  );
}

Ecosystem

Funktioniert mit beliebten React‑i18n‑Bibliotheken

Better I18N ersetzt Ihre Lieblings‑i18n‑Bibliothek nicht – es ist die Translation‑Management‑Schicht, die sie noch leistungsfähiger macht.

Keep reading

Ähnlich

i18n für andere Frameworks entdecken