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

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

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

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

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

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