Dokümantasyon

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 Translatei18next
Nasıl metin yazarsınızKendi sözleriniz, <T> ile sarılmışMetin başına bir anahtar, örneğin t('cart.title')
TercümelerMakine çevirisi, otomatik olarak oluşturulurSiz veya çevirmenleriniz bunları yazıyorsunuz
Dil dosyalarıYokDil ve ad alanı başına bir dosya
Yeni dillerlanguage ayarını değiştirmeHer anahtarı yeni dile çevirin
Sunucu oluşturmaReact Sunucu Bileşenleri ve Next.jsEvet, ekstra kurulum ile
Çoğul ve biçimlendirmeCümlenin bir parçası olarak çevrildiYerleşik, dil başına çoğul kurallarla
FİYATÜcretsiz plan, ardından kullanıma göre aylık planlarAçı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.tsx
import { 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.