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

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

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

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

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

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

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

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 کلید چرانے سے روکا جا سکے گا، اور غیر مجاز سٹرنگز شامل کر کے آپ کے ترجمہ پروجیکٹ کو غیر ضروری طور پر بڑا ہونے سے بچایا جا سکے گا۔