Basitleştirilmiş 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

Özellikler

React uygulamanızda Better I18N ile dakikalar içinde başlayın.

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

Popüler React i18n Kütüphaneleriyle Çalışır

Better I18N favori i18n kütüphanenizin yerine geçmez - onları daha güçlü kılan çeviri yönetim katmanıdır.

Keep reading

İlgili

Diğer Framework'ler için i18n'i Keşfedin