Zjednodušený React i18n

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

Funkce

Začněte používat Better I18N ve své aplikaci React během několika minut.

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

Spolupracuje s oblíbenými knihovnami React i18n

Better I18N nenahrazuje vaši oblíbenou knihovnu i18n - je to vrstva pro správu překladů, která je činí ještě výkonnějšími.

Keep reading

Související

Prozkoumejte i18n pro další frameworky