React ایپلیکیشنز کے لیے آسان لوکلائزیشن

کیا آپ اپنی React ایپلیکیشن کو نئے بازاروں میں پھیلانا چاہتے ہیں؟ TacoTranslate آپ کی React ایپس کو مقامی بنانے کو نہایت آسان بناتا ہے، جس سے آپ بغیر کسی دقت کے عالمی ناظرین تک رسائی حاصل کر سکتے ہیں۔

React کے لیے TacoTranslate کیوں منتخب کریں؟

بلا رکاوٹ انضمام: خاص طور پر React ایپلیکیشنز کے لیے ڈیزائن کیا گیا، TacoTranslate بآسانی آپ کے موجودہ ورک فلو میں ضم ہو جاتا ہے۔
خودکار متن کی جمع آوری: اب مزید JSON فائلز کو دستی طور پر منظم کرنے کی ضرورت نہیں۔ TacoTranslate آپ کے کوڈ بیس سے خودکار طور پر متن جمع کرتا ہے۔
مصنوعی ذہانت سے چلنے والے ترجمے: اپنی ایپلیکیشن کے انداز کے مطابق سیاق و سباق کے اعتبار سے درست ترجمے فراہم کرنے کے لیے مصنوعی ذہانت کی قوت سے فائدہ اٹھائیں۔
فوری زبان کی حمایت: نئی زبانوں کے لیے صرف ایک کلک میں تعاون شامل کریں، جس سے آپ کی ایپلیکیشن عالمی سطح پر قابل رسائی بن جائے گی۔

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

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

npm install tacotranslate

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

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

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

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

.env

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 کے context provider میں لپیٹ کر:

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 استعمال کرنے کے فوائد

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

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

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

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