React i18n eenvoudig gemaakt

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

Functies

Ga in minuten aan de slag met Better I18N in je 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

Werkt met populaire React i18n-libraries

Better I18N vervangt je favoriete i18n-library niet, maar is de vertaalmanagementlaag die ze krachtiger maakt.

Keep reading

Gerelateerd

Verken i18n voor andere frameworks