React ایپس کے لیے بین الاقوامیت (i18n) کا بہترین حل

کیا آپ اپنی 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۔ origins کے بارے میں مزید یہاں پڑھیں۔

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

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

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

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

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