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

React uygulamanızı yeni pazarlara açmayı mı 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 neden TacoTranslate'i seçmelisiniz?

Sorunsuz Entegrasyon: React uygulamaları için özel olarak tasarlanmış olan TacoTranslate, mevcut iş akışınıza zahmetsizce entegre olur.
Otomatik Metin Toplama: JSON dosyalarını elle yönetmeye son. TacoTranslate kod tabanınızdaki metinleri otomatik olarak toplar.
Yapay Zeka Destekli Çeviriler: Yapay zekanın gücünden yararlanarak uygulamanızın tonuna uygun, bağlama duyarlı çeviriler sunun.
Anında Dil Desteği: Yeni diller için desteği sadece bir tıkla ekleyin, böylece uygulamanız küresel olarak erişilebilir hale gelir.

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ını 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. Bu anahtarları ortam değişkenleri olarak kaydedeceğiz. read anahtarı bizim public olarak adlandırdığımız anahtar, read/write anahtarı ise secret olarak adlandırdığımız anahtardır. Örneğin, bunları projenizin kök dizinindeki bir .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 bunu en olarak ayarlayacağız.
TACOTRANSLATE_ORIGIN: Dizgelerinizin saklanacağı “klasör”, örneğin web sitenizin URL’si. Origin'ler hakkında daha fazla bilgi edinin.

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

TacoTranslate Kurulumu

React uygulamanızda TacoTranslate'i, uygulamanızı TacoTranslate bağlam sağlayıcısına sararak başlatı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östermek için kullanabilirsiniz! Daha fazla bilgi ve kurulumunuza özgü 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 faydaları

Zaman tasarrufu: Yerelleştirme ve string toplama işlemlerini otomatikleştirerek değerli zamanınızdan tasarruf sağlar.
Maliyet-etkin: Manuel çevirilere olan ihtiyacı azaltarak yerelleştirme maliyetlerinizi düşürür.
Geliştirilmiş doğruluk: Yapay zeka destekli çeviriler bağlama uygun, doğru 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 ekleyin.

Hemen başlayın!

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

Kullanıma almadan önce üretim uygulamanızı test edebileceğiniz kapalı ve güvenli bir staging ortamı bulundurmanızı öneririz. Bu, gizli API anahtarınızın herhangi bir kişi tarafından çalınmasını ve kötü amaçlı dizeler eklenerek çeviri projenizin gereksiz yere ş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!