ری ایکٹ ایپس میں عالمی انٹرنیشنلائزیشن (i18n) کے لیے بہترین حل

یہ کیسے کام کرتا ہے

npm کے ذریعے TacoTranslate پیکج انسٹال کریں:

npm install tacotranslate

جب آپ نے ماڈیول انسٹال کر لیا ہو، تو آپ کو ایک TacoTranslate اکاؤنٹ، ایک ترجمہ پراجیکٹ، اور متعلقہ API کیز بنانی ہوں گی۔ یہاں اکاؤنٹ بنائیں۔ یہ مفت ہے، اور آپ کو کریڈٹ کارڈ شامل کرنے کی ضرورت نہیں ہے۔

TacoTranslate ایپلیکیشن کے UI میں، ایک پروجیکٹ بنائیں، اور اس کے API keys کے تب پر جائیں۔ ایک read کی بنائیں، اور ایک read/write کی۔ ہم انہیں ماحول کے متغیرات (environment variables) کے طور پر محفوظ کریں گے۔ read کی کو ہم public کہتے ہیں اور read/write کی کو secret کہتے ہیں۔ مثال کے طور پر، آپ انہیں اپنے پروجیکٹ کی روٹ میں .env فائل میں شامل کر سکتے ہیں۔

آپ کو دو مزید ماحول کے متغیرات بھی شامل کرنے کی ضرورت ہوگی: TACOTRANSLATE_DEFAULT_LOCALE اور TACOTRANSLATE_ORIGIN۔

• TACOTRANSLATE_DEFAULT_LOCALE: ڈیفالٹ فال بیک لوکیل کوڈ۔ اس مثال میں، ہم اسے انگریزی کے لیے en پر سیٹ کریں گے۔
• TACOTRANSLATE_ORIGIN: وہ "فولڈر" جہاں آپ کے سٹرنگز ذخیرہ ہوں گے، جیسے کہ آپ کی ویب سائٹ کا URL۔ یہاں اصل کے بارے میں مزید پڑھیں۔

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

یقینی بنائیں کہ کبھی بھی رازدارانہ read/write API کلید کو کلائنٹ سائڈ پروڈکشن ماحول میں افشا نہ کریں۔

TacoTranslate کی ترتیب

اپنی React ایپلیکیشن میں TacoTranslate کو شروع کریں، اپنی ایپلیکیشن کو TacoTranslate کانٹیکسٹ پرووائیڈر میں لپیٹ کر:

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>
	);
}

آپ اب اپنی درخواست کے اندر کہیں بھی Translate کمپونینٹ استعمال کر کے ترجمہ شدہ متن دکھا سکتے ہیں! مزید معلومات اور آپ کی ترتیب کے لیے مخصوص رہنمائی کے لیے ہماری دستاویزات دیکھنا نہ بھولیں۔

import {Translate} from 'tacotranslate/react';

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

TacoTranslate کے استعمال کے فوائد

• وقت کی بچت: لوکلائزیشن اور سٹرنگز جمع کرنے کے تھکے دینے والے عمل کو خودکار بناتا ہے، جو آپ کا قیمتی وقت بچاتا ہے۔
• لاگت مؤثر: دستی ترجمے کی ضرورت کو کم کرتا ہے، جس سے آپ کی لوکلائزیشن کی لاگت کم ہوتی ہے۔
• بہتر درستگی: AI سے چلنے والے ترجمے سیاق و سباق کے مطابق درست اور اعلی معیار کے نتائج کو یقینی بناتے ہیں۔
• پیمانے کے قابل حل: جب آپ کی ایپلیکیشن اور صارفین کی تعداد بڑھتی ہے تو آسانی سے نئی زبانوں کے لیے سپورٹ شامل کریں۔

آج ہی شروع کریں!

جب آپ اپنی React ایپلیکیشن میں کوئی بھی سٹرنگ Translate کمپونینٹ میں شامل کریں گے تو وہ خود بخود ترجمہ ہو جائے گی۔ نوٹ کریں کہ صرف وہی ماحول جنہیں read/write اجازت API کی پر حاصل ہے نئی سٹرنگز بنانے کے قابل ہوں گے جن کا ترجمہ کیا جا سکے۔

ہم سفارش کرتے ہیں کہ آپ کے پاس ایک بند اور محفوظ اسٹیجنگ ماحول ہو جہاں آپ اپنی پروڈکشن ایپلیکیشن کو ٹیسٹ کر سکیں اور لائیو ہونے سے قبل نئی سٹرنگز شامل کر سکیں۔ اس سے آپ کی خفیہ API کی چوری ہونے سے اور غیر مجاز سٹرنگز کے اضافے سے آپ کے ترجمہ پروجیکٹ کی زیادتی ہونے سے بچاؤ ہو گا۔

یقینی بنائیں کہ آپ ہمارے گٹ ہب پروفائل پر موجود مکمل مثالیں دیکھ لیں۔ اگر آپ کو کسی بھی قسم کا مسئلہ پیش آئے، تو بلا جھجک ہم سے رابطہ کریں، اور ہم آپ کی مدد کرنے میں خوشی محسوس کریں گے۔

TacoTranslate آپ کو اپنی React ایپلیکیشنز کو خود بخود کسی بھی زبان میں آسانی سے لوکلائز کرنے کی سہولت دیتا ہے۔ مفت ترجمہ کریں!