Magic Translate vs. react-intl

react-intl fa parte di FormatJS. Formatta messaggi, date e numeri con la sintassi dei messaggi ICU e tu fornisci le traduzioni per ogni lingua. Magic Translate traduce direttamente il testo nei tuoi componenti, in modo che tu non scriva o gestisca alcuna traduzione.

A colpo d'occhio

	Magic Translate	react-intl
Come scrivi un testo	Parole tue, racchiuse in `<T>`	`<FormattedMessage>` con un ID e un messaggio predefinito
Traduzioni	Traduzione automatica, creata automaticamente	Tu estrai i messaggi e li fai tradurre
File di messaggi	Nessuna	Un file per lingua
Date e numeri	Usa le API `Intl` del browser	Componenti integrati e sintassi ICU
Rendering del server	Componenti del server React e Next.js	Sì, con una configurazione aggiuntiva
Prezzo	Piano gratuito, poi piani mensili in base all'utilizzo	Open source e gratuito

In che modo il codice è diverso

Con react-intl, ogni messaggio ha un ID e le traduzioni sono contenute in file separati:

import { FormattedMessage } from 'react-intl';

const Welcome = () => (
  <FormattedMessage id="home.welcome" defaultMessage="Welcome back!" />
);

// Then extract the messages, translate them for every language
// and load the right file when the app starts.

Con Magic Translate, scrivi il messaggio una volta:

import { T } from '@magic-translate/react';

const Welcome = () => <T>Welcome back!</T>;

Quando scegliere Magic Translate

Vuoi che la tua app sia in molte lingue senza un flusso di lavoro di traduzione.
I tuoi testi cambiano spesso e vuoi che tutte le lingue rimangano aggiornate.
Vuoi nuove lingue senza pagare o aspettare i traduttori.

Quando scegliere react-intl

Ti serve la sintassi dei messaggi ICU per i plurali complessi e il genere.
Le tue traduzioni devono essere scritte o revisionate da persone.
Vuoi una libreria open source gratuita senza servizi esterni.

Usando entrambi

I due funzionano bene insieme. Usa react-intl o le API Intl per formattare date, numeri e valute e Magic Translate per tradurre il testo che li circonda.

Pronto a provarlo? Segui la guida introduttiva per tradurre il tuo primo componente in cinque minuti.