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

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

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

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

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

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

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

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

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

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

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