React ایپلیکیشنز کے لیے آسان مقامی سازی

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

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

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

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

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

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۔ ماخذوں کے بارے میں مزید یہاں پڑھیں۔

.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 کانٹیکسٹ پرووائڈر میں لپیٹ دیں:

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

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

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

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

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