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