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

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

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

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

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

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

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