Magic Translate vs. i18next
i18next, React bağlantıları react-i18next ile JavaScript için en popüler açık kaynaklı i18n kütüphanesidir. Çeviri anahtarları ve dil dosyaları etrafında inşa edilmiştir. Magic Translate, bileşenlerinizdeki metni anahtarlar veya dosyalar olmadan doğrudan çevirir. Bu sayfa, uygulamanız için doğru aracı seçebilmeniz için farkı açıklar.
Bir bakışta
| Magic Translate | i18next | |
|---|---|---|
| Nasıl metin yazarsınız | Kendi sözleriniz, <T> ile sarılmış | Metin başına bir anahtar, örneğin t('cart.title') |
| Tercümeler | Makine çevirisi, otomatik olarak oluşturulur | Siz veya çevirmenleriniz bunları yazıyorsunuz |
| Dil dosyaları | Yok | Dil ve ad alanı başına bir dosya |
| Yeni diller | language ayarını değiştirme | Her anahtarı yeni dile çevirin |
| Sunucu oluşturma | React Sunucu Bileşenleri ve Next.js | Evet, ekstra kurulum ile |
| Çoğul ve biçimlendirme | Cümlenin bir parçası olarak çevrildi | Yerleşik, dil başına çoğul kurallarla |
| FİYAT | Ücretsiz plan, ardından kullanıma göre aylık planlar | Açık kaynak ve ücretsiz |
Kod nasıl farklılık gösterir
react-i18next ile her dil için bir dil dosyası tutar ve metinlere tuşa göre başvurursunuz:
// locales/en/translation.json{ "cart": { "title": "Your shopping cart" } }// Cart.tsximport { useTranslation } from 'react-i18next';const Cart = () => {const { t } = useTranslation();return <h2>{t('cart.title')}</h2>;};
Magic Translate ile metin bileşende kalır:
import { T } from '@magic-translate/react';const Cart = () => (<h2><T>Your shopping cart</T></h2>);
Ne zaman seçilir Magic Translate
- Dil dosyalarını yönetmeden uygulamanızın birçok dilde olmasını istiyorsunuz.
- Çevirmenleriniz yok veya yeni bir sürümü yayınlamadan önce onları beklemek istemezsiniz.
- Metinleriniz sık sık değişir, ve her dilin güncel kalmasını istersiniz.
- React Server Bileşenleri veya Next.js kullanıyorsunuz ve arama motorları için tamamen çevrilmiş HTML istiyorsunuz.
Ne zaman seçilir i18next
- Her metin bir kişi tarafından çevrilmeli veya gözden geçirilmelidir.
- Her dilde çoğul formlar, tarihler ve sayılar üzerinde tam kontrole ihtiyacınız var.
- Harici hizmet içermeyen ücretsiz, açık kaynaklı bir kütüphane istiyorsunuz.
i18next 'dan Magic Translate 'e geçiş
Bir seferde bir bileşeni değiştirebilirsiniz. t('key') öğesini dil dosyanızdaki <T> ile sarılmış İngilizce metinle değiştirin veya props ve öznitelikler için useT hook işaretini kullanın. Taşıma sırasında her iki kütüphane de yan yana çalışabilir.
Denemeye hazır mısınız? İlk bileşen inizi beş dakika içinde çevirmek için başlangıç kılavuzunu izleyin.