React uygulamaları için uluslararasılaştırma (i18n) konusunda en iyi çözüm

React uygulamanızı yeni pazarlara genişletmeyi mi düşünüyorsunuz? TacoTranslate, React uygulamalarınızı yerelleştirmeyi son derece kolaylaştırır ve zahmetsizce küresel bir kitleye ulaşmanızı sağlar.

React için TacoTranslate'i neden seçmelisiniz?

Sorunsuz Entegrasyon: React uygulamaları için özel olarak tasarlanan TacoTranslate, mevcut iş akışınıza sorunsuz bir şekilde entegre olur.
Otomatik Metin Toplama: JSON dosyalarını manuel olarak yönetmeye son. TacoTranslate, kod tabanınızdaki metinleri otomatik olarak toplar.
Yapay Zekâ Destekli Çeviriler: Uygulamanızın tonuna uygun, bağlama duyarlı ve doğru çeviriler sağlamak için yapay zekâ gücünden yararlanın.
Anında Dil Desteği: Yeni diller için desteği sadece bir tıklamayla ekleyin, uygulamanızın dünya çapında erişilebilir olmasını sağlayın.

Nasıl çalışır

TacoTranslate paketini npm ile yükleyin:

npm install tacotranslate

Modülü yüklediğinizde, bir TacoTranslate hesabı, bir çeviri projesi ve ilgili API anahtarları oluşturmanız gerekecek. Buradan hesap oluşturun. Ücretsizdir ve kredi kartı eklemenizi gerektirmez.

TacoTranslate uygulama arayüzünde bir proje oluşturun ve API anahtarları sekmesine gidin. Bir read anahtarı ve bir read/write anahtarı oluşturun. Bunları ortam değişkenleri olarak kaydedeceğiz. read anahtarı bizim public olarak adlandırdığımız anahtar olup, read/write anahtarı ise secret’dir. Örneğin, bunları projenizin kök dizinindeki bir .env dosyasına ekleyebilirsiniz.

Ayrıca iki çevresel değişken daha eklemeniz gerekecek: TACOTRANSLATE_DEFAULT_LOCALE ve TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan yedek yerel ayar kodu. Bu örnekte bunu İngilizce için en olarak ayarlayacağız.
TACOTRANSLATE_ORIGIN: Dizelerinizin saklanacağı “klasör”, örneğin web sitenizin URL'si. Kökenler hakkında daha fazla bilgiyi burada okuyun.

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Gizli read/write API anahtarını istemci tarafı üretim ortamlarına asla sızdırmadığınızdan emin olun.

TacoTranslate Kurulumu

TacoTranslate'i React uygulamanızda başlatmak için uygulamanızı TacoTranslate bağlam sağlayıcısıyla sarın:

import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';

const tacoTranslate = createTacoTranslateClient({
	apiKey: 'YOUR_API_KEY',
});

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

Artık uygulamanızda çevirilmiş metinleri görüntülemek için Translate bileşenini istediğiniz yerde kullanabilirsiniz! Daha fazla bilgi ve kurulumunuza özel uygulama kılavuzları için belgelerimize göz atmayı unutmayın.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate kullanmanın avantajları

Zaman tasarrufu: Yerelleştirme ve dize toplama gibi zahmetli süreçleri otomatikleştirir, size değerli zaman kazandırır.
Maliyet etkin: Manuel çevirilere olan ihtiyacı azaltır ve yerelleştirme maliyetlerinizi düşürür.
Geliştirilmiş doğruluk: Yapay zeka destekli çeviriler bağlama uygun ve yüksek kaliteli sonuçlar sağlar.
Ölçeklenebilir Çözüm: Uygulamanız ve müşteri tabanınız büyüdükçe yeni diller için desteği kolayca ekleyebilirsiniz.

Hemen başlayın!

React uygulamanız, Translate bileşenine herhangi bir dize eklediğinizde otomatik olarak çevrilecektir. API anahtarında read/write izinlerine sahip ortamların çevrilecek yeni dizgeleri oluşturabileceğini unutmayın.

Canlıya almadan önce üretim uygulamanızı test edip yeni dizgeler ekleyebileceğiniz kapalı ve güvenli bir staging (hazırlık) ortamı bulundurmanızı öneririz. Bu, gizli API anahtarınızın çalınmasını ve kötü niyetli dizgeler eklenmesiyle çeviri projenizin gereksiz yere şişmesini önleyecektir.

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!