ری ایکٹ ایپلیکیشنز کے لیے آسان لوکلائزیشن
کیا آپ اپنی 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
: وہ "فولڈر" جہاں آپ کے سٹرنگز محفوظ کیے جائیں گے، جیسے کہ آپ کی ویب سائٹ کا یو آر ایل۔ یہاں ماخذ کے بارے میں مزید پڑھیں۔
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com
یقینی بنائیں کہ کبھی بھی خفیہ read/write
API کی کو کلائنٹ سائیڈ پروڈکشن ماحول میں نہ لیک کریں۔
ٹیکو ٹرانسلیٹ کی ترتیب دینا
اپنے 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 سے چلنے والے ترجمے سیاق و سباق کے لحاظ سے درست اور اعلی معیار کے نتائج فراہم کرتے ہیں۔
- قابل توسیع حل: جیسے جیسے آپ کی ایپلیکیشن اور گاہکوں کی تعداد بڑھتی ہے، نئی زبانوں کے لیے آسانی سے سپورٹ شامل کریں۔
آج ہی شروع کریں!
جب آپ کسی بھی سٹرنگ کو Translate
کمپونینٹ میں شامل کریں گے تو آپ کی React ایپلیکیشن خود بخود ترجمہ ہو جائے گی۔ نوٹ کریں کہ صرف وہی ماحول جہاں read/write
اجازتیں API کی پر موجود ہوں گے، نئے ترجمہ کیے جانے والے سٹرنگز بنا سکیں گے۔
ہم یہ مشورہ دیتے ہیں کہ ایک بند اور محفوظ سٹیجنگ ماحول رکھیں جہاں آپ اپنی پروڈکشن ایپلیکیشن کا ٹیسٹ کر سکیں، اور لائیو جانے سے پہلے نئے سٹرنگز شامل کریں۔ اس سے آپ کی خفیہ API کی کی چوری روکنے اور آپ کے ترجمہ پروجیکٹ میں ناجائز سٹرنگز شامل ہونے سے بچاؤ ہوگا۔
Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.
TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!