React i18n reso semplice

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

Funzionalità

Inizia con Better I18N nella tua app React in pochi minuti.

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

Funziona con le librerie i18n React più diffuse

Better I18N non sostituisce la tua libreria i18n preferita: è il layer di gestione traduzioni che le rende ancora più potenti.

Keep reading

Correlati

Esplora i18n per altri framework