Magic Translate vs. react-intl

react-intl jest częścią FormatJS. Formatuje wiadomości, daty i liczby za pomocą składni wiadomości ICU i dostarcza tłumaczenia dla każdego języka. Magic Translate tłumaczy tekst w komponentach bezpośrednio, więc nie piszesz ani nie utrzymujesz żadnych tłumaczeń.

Na pierwszy rzut oka

	Magic Translate	react-intl
Jak piszesz tekst	Twoje własne słowa, owinięte w `<T>`	`<FormattedMessage>` z identyfikatorem i domyślną wiadomością
Tłumaczenia	Tłumaczenie maszynowe, tworzone automatycznie	Wyodrębniasz wiadomości i przetłumaczasz je
Pliki wiadomości	Żaden	Jeden plik na język
Daty i liczby	Użyj interfejsów API przeglądarki `Intl`	Wbudowane komponenty i składnia ICU
Renderowanie serwera	Komponenty serwera React i Next.js	Tak, z dodatkową konfiguracją
Cena	Bezpłatny plan, następnie plany miesięczne oparte na użyciu	Otwarte źródło i za darmo

Czym różni się kod

W przypadku react-intl każda wiadomość ma identyfikator, a tłumaczenia są dostępne w oddzielnych plikach:

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.

Z Magic Translate piszesz wiadomość raz:

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

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

Kiedy wybrać Magic Translate

Potrzebujesz aplikacji w wielu językach bez przepływu pracy tłumaczenia.
Twoje teksty często się zmieniają, i chcesz, aby każdy język był na bieżąco.
Chcesz nowych języków bez płacenia i czekania na tłumaczy.

Kiedy wybrać react-intl

Potrzebna jest składnia wiadomości ICU dla złożonych liczb mnogości i płci.
Twoje tłumaczenia muszą być napisane lub sprawdzone przez ludzi.
Potrzebujesz bezpłatnej biblioteki typu open source bez zewnętrznej usługi.

Korzystanie z obu

Obaj dobrze ze sobą współpracują. Użyj react-intl lub Intl API do formatowania dat, liczb i walut, a Magic Translate do tłumaczenia tekstu wokół nich.

Gotowy do wypróbowania? Postępuj zgodnie z instrukcjami dotyczącymi rozpoczę cia pracy, aby przetłumaczyć pierwszy komponent w pięć minut.