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

Nasıl çalışır

TacoTranslate paketini npm ile yükleyin:

npm install tacotranslate

Modülü yükledikten sonra bir TacoTranslate hesabı, bir çeviri projesi ve ilişkili API anahtarlarını oluşturmanız gerekecek. Buradan bir hesap oluşturun. Ücretsizdir ve kredi kartı eklemenizi gerektirmez.

TacoTranslate uygulamasının 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, read/write anahtarı ise secret olarak adlandırılır. Örneğin, bunları projenizin kök dizinindeki .env dosyasına ekleyebilirsiniz.

Ayrıca iki ortam değişkeni daha eklemeniz gerekecek: TACOTRANSLATE_DEFAULT_LOCALE ve TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan yedek yerel ayar kodu. Bu örnekte İngilizce için en olarak ayarlayacağız.
• TACOTRANSLATE_ORIGIN: Dizgelerinizin saklanacağı “klasör”, örneğin web sitenizin URL’si. Origin'ler hakkında daha fazlasını buradan okuyun.

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ındaki üretim ortamlarına asla sızdırmayın.

TacoTranslate Kurulumu

React uygulamanızda TacoTranslate'i başlatmak için uygulamanızı TacoTranslate bağlam sağlayıcısıyla (context provider) 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ızın herhangi bir yerinde Translate bileşenini çevirilmiş metni görüntülemek için 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ştirerek size değerli zaman kazandırır.
• Maliyet etkin: Elle çeviri ihtiyacını 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 kolayca destek ekleyin.

Hemen başlayın!

React uygulamanız, herhangi bir metni Translate bileşenine eklediğinizde otomatik olarak çevrilecektir. API anahtarında read/write izinlerine sahip ortamlarda yalnızca yeni çevrilecek metinler oluşturulabileceğini unutmayın.

Canlıya almadan önce üretim uygulamanızı test edip yeni metinler ekleyebileceğiniz kapalı ve güvenli bir staging ortamı bulundurmanızı öneririz. Bu, gizli API anahtarınızın birisi tarafından çalınmasını ve kötü amaçlı metinler eklenerek çeviri projenizin şişirilmesini ö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!