Magic Translate vs. react-intl

react-intl adalah bagian dari FormatJS. Ini memformat pesan, tanggal dan angka dengan sintaks pesan ICU, dan Anda menyediakan terjemahan untuk setiap bahasa. Magic Translate menerjemahkan teks dalam komponen Anda secara langsung, jadi Anda tidak menulis atau memelihara terjemahan apa pun.

Sekilas

	Magic Translate	react-intl
Bagaimana Anda menulis teks	Kata-kata Anda sendiri, dibungkus dengan `<T>`	`<FormattedMessage>` dengan id dan pesan default
Terjemahan	Terjemahan mesin, dibuat secara otomatis	Anda mengekstrak pesan dan menerjemahkannya
File pesan	Tidak ada	Satu file per bahasa
Tanggal dan angka	Gunakan API `Intl` browser	Komponen bawaan dan sintaks ICU
Render server	Komponen Server React dan Next.js	Ya, dengan pengaturan tambahan
Harga	Paket gratis, lalu paket bulanan berdasarkan penggunaan	Open source dan gratis

Bagaimana kode berbeda

Dengan react-intl, setiap pesan memiliki id, dan terjemahannya berada di file terpisah:

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.

Dengan Magic Translate, Anda menulis pesan sekali:

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

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

Kapan memilih Magic Translate

Anda ingin aplikasi Anda dalam banyak bahasa tanpa alur kerja terjemahan.
Teks Anda sering berubah, dan Anda ingin setiap bahasa tetap up to date.
Anda menginginkan bahasa baru tanpa membayar atau menunggu penerjemah.

Kapan memilih react-intl

Anda memerlukan sintaks pesan ICU untuk jamak dan jenis kelamin yang kompleks.
Terjemahan Anda harus ditulis atau ditinjau oleh orang-orang.
Anda menginginkan perpustakaan sumber terbuka gratis tanpa layanan eksternal.

Menggunakan keduanya

Keduanya bekerja sama dengan baik. Gunakan react-intl atau Intl API untuk memformat tanggal, angka, dan mata uang, dan Magic Translate untuk menerjemahkan teks di sekitarnya.

Siap untuk mencobanya? Ikuti panduan memulai untuk menerjemahkan komponen pertama Anda dalam lima menit.