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

React uygulamanızı yeni pazarlara genişletmek mi istiyorsunuz? TacoTranslate, React uygulamalarınızı yerelleştirmeyi inanılmaz derecede kolaylaştırır ve size küresel bir kitleye zahmetsizce ulaşma imkanı sunar.

React için neden TacoTranslate seçilmeli?

Kesintisiz Entegrasyon: Özellikle React uygulamaları için tasarlanan TacoTranslate, mevcut iş akışınıza sorunsuzca entegre olur.
Otomatik Dize Toplama: JSON dosyalarını manuel olarak yönetmekle uğraşmayın. TacoTranslate, kod tabanınızdan dizeleri otomatik olarak toplar.
Yapay Zeka Destekli Çeviriler: Uygulamanızın tonuna uygun, bağlamsal olarak doğru çeviriler sunmak için yapay zekanın gücünden yararlanın.
Anında Dil Desteği: Sadece bir tıklamayla yeni diller ekleyin ve uygulamanızı dünya çapında erişilebilir hale getirin.

Nasıl çalışır

TacoTranslate paketini npm ile yükleyin:

npm install tacotranslate

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

TacoTranslate uygulama arayüzü içinde bir proje oluşturun ve API anahtarları sekmesine gidin. Bir tane read anahtarı ve bir tane read/write anahtarı oluşturun. Bunları ortam değişkenleri olarak kaydedeceğiz. read anahtarı, public olarak adlandırdığımız anahtar iken, read/write anahtarı secret olarak adlandırılır. Örneğin, bunları projenizin kök dizinindeki .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 kodu. Bu örnekte, İngilizce için en olarak ayarlayacağız.
TACOTRANSLATE_ORIGIN: Dizelerinizin saklanacağı “klasör”, örneğin web sitenizin URL’si. Buradan originler 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ızı kesinlikle istemci tarafı üretim ortamlarına sızdırmadığınızdan emin olun.

TacoTranslate Kurulumu

React uygulamanızda TacoTranslate’i başlatmak için uygulamanızı TacoTranslate context sağlayıcısı ile sarmalayı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 kullanarak çevrilmiş metinleri görüntüleyebilirsiniz! Daha fazla bilgi ve kurulumunuza özel uygulama rehberleri 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şlemini otomatikleştirerek değerli zamanınızı kurtarır.
Maliyet etkin: Manuel çeviri ihtiyacını azaltır, 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 dillere kolayca destek ekleyin.

Bugün 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 yeni çevrilecek dizeleri oluşturabileceğini unutmayın.

Üretim uygulamanızı test edebileceğiniz, yeni dizeleri yayına almadan önce ekleyebileceğiniz kapalı ve güvenli bir staging ortamı oluşturmanızı öneririz. Bu, gizli API anahtarınızın çalınmasını ve kötü niyetli dizelerin 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!